Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Умеьшение картинки в пропорциях.

    Как задать? Есть блок , в котором рандомно выводятся изображения, немного различающиеся, как по высоте , так по ширине. Нужно подогнать под одну высоту, к примеру height: 140px; и задать ширину что бы пропорционально уменьшалась? Иначе визуально изображения получаются то растянутые в высоту, то приплюснутые.

    Asked by DzirT,

    0 votes
    5 answers

  2. JQuery Календарь...

    Добрый День! Моя проблема следующая: Cкачал плагин JQuery 'календарь' и при его редактировании у меня возникли дополнительные отступы(около 2px) в IE-7!(между ячейками таблицы на каторых указаны дни недели,а также между числами...) В остальных браузерах всё нормально!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9...) Перепробовал всё что в моих силах - но безрезультатно!(Хотя в таблицах я разбираюсь очень поверхностно,а плагин построин на них!) <table cellpadding="0" cellspacing="0"> применить не удается,поскольку не могу найти соответствующего кода HTML! Он находиться в папке jquery.date_input.js (правда я пока,что не могу разобраться в том - можно л…

    Asked by Yamaradg,

    0 votes
    5 answers

  3. Google chrome min-height , height:auto не робит!

    #container { width:900px; height:auto !important; height:100%; min-height:100%; background-color:white; margin: 5px auto 0; } <div id="container"> [indent]<div id="header"></div> <div id="leftmenu"> <div id="logo"></div> <ul> <li><a href="index.php">Главная</a></li> <li><a href="index.php?p=articles">Статьи</a></li> <li><a href="index.php?p=about">Обо мне</a></li> <li><a href="index.php?p=feedback">Обратная связь</a></li> </ul> </div> <div id="content">много текста</div>[/indent] &l…

    Asked by danial72,

    0 votes
    5 answers

  4. Едет верстка при первой загрузке

    Всем привет! Народ, может кто знает в чем тут может быть проблема? У меня верстка едет при первой загрузке страницы. Потом нажимаю ctrl+R и все становится нормально.

    Asked by iron_maiden,

    0 votes
    5 answers

  5. Расположение блоков

    Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <t…

    Asked by nimens,

    0 votes
    5 answers

  6. Не могу разобрать с горизонтальным меню

    Здравствуйте, помогите пожалуйста разобраться с горизонтальным меню Есть горизонтальное меню: Главная Новости Контакты Обратная связь хотелось бы вставить вертикальный разделитель вот так: Главная | Новости | Контакты | Обратная связь мой ксс имеет вид #test-menu li{ background: url(../images/vline.gif) 100% 0 repeat-y ; display: inline-block; font-size:11px; padding: 0 10px 0 10px; } но он отображает меню в таком виде (ставит черту в конце): Главная | Новости | Контакты | Обратная связь | можно как книбудь избавиться от этой черты с помощью ксс???

    Asked by gyper,

    0 votes
    5 answers

  7. Почему контейнер не открывается от вложенных блоков

    Здравствуйте. Вот кусок css и html. /* menu structure */ .menu-row{ margin:5px 0px; border: solid 1px #bababa;background-color: #f5f8fb; } .row-prior { float:left; width:34px;font-size:0px; padding:10px 5px; } .row-pict { float:left; width: 20px; } .row-content { padding:10px; font-size:16px; } .row-tools { float:right; padding:10px; } .row-tools a { text-decoration: none; } /* music structure */ .music-row { position: relative; margin:5px 0px; border: solid 3px #bababa;background-color: #f5f8fb; } .music-block { position: relative; float:left;margin:5px 0px; border: solid 3px #222222;background-color: #00f800; } .music-prior { positio…

    Asked by oke11o,

    0 votes
    5 answers

  8. Проблема с таблицой

    Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема... В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом word-wrap: break-word; , но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...

    Asked by new01,

    0 votes
    5 answers

  9. Help! Фон картинкой для ссылок (link, hover, active,)...

    Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!

    Asked by Vedrys,

    0 votes
    5 answers

  10. Белый фон у флешки в IE

    Сабж Флешка вверху справа. В IE8 белый фон по краям, убираться не желает. Эта проблема средствами html/css решается или это флешер накосячил?..

    Asked by Gaspode,

    0 votes
    5 answers

  11. IE6, блок улетает вниз

    Есть: #main { overflow: hidden; padding:0 10px; margin:0 auto; clear: both; } #left { width: 230px; float:left; } #center { background-color: #fff; margin-left: 230px; } <div id="main"> <div id="left"></div> <div id="center"></div> </div> Содержимое center улетает вниз на высоту блока left, если ширина содержимого center больше ширины center или экрана монитора. Что делать? Необходимо, чтобы просто появлялась горизонтальная полоса прокрутки.

    Asked by 7ion,

    0 votes
    5 answers

  12. Кроссбраузерное выравниевание блоков по горизонтали

    Добрый день товарищи! Подскажите, пожалуйста, статьи или по своему личному опыту, как лучше выравнивать блоки фиксированной ширины по-горизонтали по центру, кроссбраузерно? К примеру: имеется внешний блок шириной 1000 пикселей и внутренние блоки по 100 пикселей каждый(рис.) Решение 1: первая мысль-float #outer_block{ background-color:#CCC; padding:10 0; min-height:280px; width:1000px; } #outer_block div{ background-color:#FCC; width:100px; min-height:200px; margin:0 5; float:left; } <html> <head> <title>Тестовая страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <meta http-equiv="P…

    Asked by XuLLlHuK,

    0 votes
    5 answers

  13. Проблема с денвером

    Доброго времени суток. Суть проблемы: набираю http://localhost/Tools/phpMyAdmin/'>http://localhost/Tools/phpMyAdmin/ - попадаю верно и http://localhost - попадаю на свой сайт в интернете вида www.сайт.ru Разными браузерами - тоже самое. Переставлял денвер - работало, дальше опять та же проблема. Первый раз с этим столкнулся вчера на ноутбуке, теперь и на настольном та же фигня)) В hosts все по умолчанию. Кто нить с таким сталкивался?

    Asked by Non Stop,

    0 votes
    5 answers

  14. text-shadow vs ie

    Здравствуйте Можно ли получить такой результат в ие8+ ? http://htmlbook.ru/sites/default/files/images/css/css_text-shadow.png Пробовал сделать по вот этой статье(http://htmlbook.ru/css/text-shadow), не получилось добиться того результата что на картинке

    Asked by Temiks,

    0 votes
    5 answers

  15. Резиновый сайт

    Сделал резиновую верстку, но все равно появляются горизонтальные полосы прокрутки как это можно исправить и все элементы отображаются с права, как можно сделать чтобы они были по центру.Заранее очень благодарен за советы и ответы. Это CSS: * { margin: 0; padding: 0; } html { height: 100%; width:100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; width:100%; background-color:#000033; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wra…

    Asked by Chuck,

    0 votes
    5 answers

  16. Высота блока (Использование вложенных слоев)

    Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…

    Asked by creaturee,

    0 votes
    5 answers

  17. doctype

    Начал читать книгу "Веб-мастеринг" - Петр Ташков, там указан <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> на что нужно смотреть при выборе этого doctype. Допустим если посмотреть код этой страницы в начале стоит <!DOCTYPE html> и все.

    Asked by Petro21,

    0 votes
    5 answers

  18. Ссылки

    Здравствуйте! При нажатии на ссылку у меня появляется белый экран с текстом. типо новая страница как я понял. Ссылки как видно в коде у меня в левой ячейке а справа сам текст.Как сделать так чтобы в правой ячейке появлялся текст на ссылаемый фаил? Если оставить все как есть то мне просто нужно оформить дизайном тот фаил на который ведет ссылка, так? И ещё 2 вопроса. Есть функция у браузера просмотр там "чего то" при клике правой кнопкой мыши.(не кода штмл) снизу появляется код страницы и если наводить на теги то на странице выделяется за что отвечает той или иной тег. Как эту функцию включить? у меня Эксплорер. Своё творение я делаю из одной большой таблицы поделенной на …

    Asked by Didorri,

    0 votes
    5 answers

  19. Применение <area ... nohref>

    Вот код: <td> <img src="circle_example.png" usemap="#circle_example"> <map name="circle_example"> <area shape="circle" coords="150,150,50" nohref title="Неактивная область"> <area shape="circle" coords="150,150,100" title="Нажмите" href="http://www.google.ru" target="_blank"> </map> </td> Проблема в том, что не работает верхняя фигура с nohref. Функционирует нижний большой круг. Ситуация не меняется при смене порядка фигур. Спасибо!

    Asked by Тишина,

    0 votes
    5 answers

  20. Проблема с валидацией в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

    Всем привет вот столкнулся с проблемой хочу поставить на сайт фото галерею,но дело в том что она не проходит валидность и выдаёт ошибку на закрывающем теге. Подскажите как исправить такую ошибку? Вот часть кода с ошибкой: <div class="imageElement"> <!-- Название--> <h3>Картинка 2</h3> <!--Описание--> <p>Описание 2</p> <!-- Ссылка на большое изображение--> <a href="gallery/gallery_index/images/big2.jpg" title="open image" class="open" target="_blank"></a> <!-- Ссылка на среднее изображение--> <img src="gallery/gallery_index/images/middle2.jpg" class="full" /> <!-- Ссылка на миниатюру--> <img …

    Asked by vadimcucherencko,

    0 votes
    5 answers

  21. Выравнивание по центру

    Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит

    Asked by iron_maiden,

    0 votes
    5 answers

  22. Библиотека и FLash

    Доброго времени суток, у меня такая проблема Есть таблица, которая находится в библиотеке <!-- #BeginLibraryItem "ссылка где находится библиотека" --> <!-- #EndLibraryItem --> В ячейках присутствую flash объекты <object> <embed src="ссылка?normal=ссылка&pressed=ссылка&hover=ссылка&clipboard=9605902" width="100" height="15" /> </embed> </object> Если таблица будет не в библиотека, то flash Объекты работают. Если таблица будет в библиотеке, то то flash Объекты не работают. Помогите разобраться, чтобы в библиотеке все объекты работали.

    Asked by SLameN,

    0 votes
    5 answers

  23. Div вылазит за границы

    Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;

    Asked by 3dinterface,

    0 votes
    5 answers

  24. Border как фон текста

    Нужны свежие мысли) Необходимо вот так оформить текст: То есть слева и справа от текста идет border, между чертой и текстом есть отступ, черта должна занимать все свободное пространство. Под текстом абстрактный фон с градиентом, поэтому вариант "задать основному блоку фон с линиями, а поверх положить текст с таким же фоном но без линий" не канает. Может у кого-то уже такое попадалось? P.S. HTML нет, так как на данном этапе сверстать можно как угодно.

    Asked by SEObomj,

    0 votes
    5 answers

  25. :focus для <a>

    К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон

    Asked by bot87,

    0 votes
    5 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept