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. Помогите растянуть div на 100% по высоте другого div`а, который растянут 100% по высоте html!

    Добрый день! Проблема следующего плана. Есть макет вида <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><html> <body> <div id="container"> <div id="#right-background"> - блок нужен только для того, чтобы пустить заливку по правой стороне! </div> </div> ... </body> </html><!--c2--></div><!--ec2-->, в котором футер прижат к низу. css имеет такой вид: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->html { height: 100%; } body { height: 100%; width: 100%; } #container { margin: 0 auto; wi…

    Asked by aiven,

    0 votes
    6 answers

  2. Создание вертикального меню списком с выделенным пунктом

    Добрый день! Прошу вашей помощи, тк уже не знаю что и пробовать. Опишу суть проблемы: Имеется боковое вертикальное меню написанное списком (ul li) и его оформление на css. Необходимо сделать чтобы у выделенного пункта меню был list-style circle, а у остальных - none. И при этом выделенный пункт должен быть другого цвета. У меня получилось сделать только чтобы у выделенного не было кружка, а у все был вод код html: <td> <div id="submenu"> <ul id="submenu"> <li class="curent"><a class="curent" href="production.html" ><span>Всех…

    Asked by orgi,

    0 votes
    7 answers

  3. Как показать div из div'а который "display: none"

    Всем привет. Возможно ли такое: К примеру есть div и на нем всём стоит "display: none", + он содержит очень много вложенных div. Как показать один из этих вложенных div не взерая на выше примененный параметр. Пример: <div class="blablabla_1" style="display: none;"> ...очень много еще всего <div class="blablabla_2">Трали-вали</div> <div class="blablabla_3">Опа-опа-па</div> <div class="blablabla_4">Пик-пик-пик</div> <div class="blablabla_5">Карамба-вах</div> ...очень много еще всего </div> Как показать из всего этого только <div class="blablabla_4">Пик-пик-пик</div>? …

    Asked by Compaq6720s,

    0 votes
    9 answers

  4. display:table для ie6

    Добрый вечер. Есть такая проблема. Есть меню вертикальное. Пункт активной страницы выделяется фоном. Но нужно чтобы ширина пункта зависела от текста. Вот пример <!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"> <head> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body {background:#719ca5;} ul {list-style:none } .menu { padding:7px 0 40px 14; width:300px; } .menu li { display:table; } .menu a { color:#fff; text-decoration:none; display:block; height:28…

    Asked by Dioni$$,

    0 votes
    6 answers

  5. В чем разница Clear:both и float:none

    Скажите, в чем разница между Clear:both и float:none

    Asked by ekklesiast,

    0 votes
    15 answers

  6. Убирающиеся блоки

    Как сделать чтобы блоки убирались при уменьшении сайта по горизонтали. Например как на www.artlebedev.ru, при уменьшении окна браузера по горизонтали пропадает несколько работ студии. Таким образом на 12 дюймовом мониторе сайт показывает меньше работ чем на 22 дюймовом мониторе и не появляется горизонтальная полоса прокрутки. Извините, если есть где-то такая тема, я просто не знаю как правильно в поиск забить. Заранее спасибо.

    Asked by Maximilian,

    0 votes
    4 answers

  7. Форма растягивает блок

    Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при развор…

    Asked by nickostyle,

    0 votes
    2 answers

  8. Белое пространство под футером

    Делал верстку для сайта по способу http://www.cssstickyfooter.com/. В Webkit, Opera и IE работает чудесно, а вот в ФФ внизу появляется белое пространство (как будто бы есть ограничение на высоту). Чем больше разрешение, тем больше и пространство. Вот ссылка на скрин: http://h1813090.stratoserver.net/files/sha...qkWUtoRxNog.jpg Вот код в html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Delhi Darbar - Indian restaraunt </title> <!-- put some link to the favicon here --> <link rel="shortcut icon" href=…

    Asked by unquaker,

    0 votes
    0 answers

  9. Резиновый макет.

    Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка

    Asked by Red Planet,

    0 votes
    8 answers

  10. Древовидная карта сайта

    Можно ли как то реализовать на CSS карту сайта в виде этого:

    Asked by Tmin10,

    0 votes
    15 answers

  11. Полтергейст, IE8

    Ой, всё, вопрос исчерпан, но вкратце напишу: Открываю сайт в IE8 на локалхосте по IP и по имени компа. При открывании по имени компа включается режим совместимости, сайт разъезжается, кнопки отключения режима не видать. Если открывать по IP, режим совместимости выключен. Пробовал на другом компе, там тот же самый режим совместимости при входе по имени. Имя компьютера: pc122-1. Может в нём дело?

    Asked by Int,

    0 votes
    7 answers

  12. Выделение Div ,как избавиться

    Хотел показать свой пример ,но случайно заметил на форуме аналогичную ситуацию. Прямо под логотипом ,на странице которой сейчас вы находитесь,есть меню ,разделенное div'ми на left меню и right меню.Каждый элемент меню эта ссылка со своим фоном.У меня точно так же. Если нажать и задержать допустим по ссылке "На главную сайта",то появляются такие вот точки : Тыкай Конечно на секундное нажатие это никакой роли не играет ,но у меня это так палевно выглядит,да еще и точки на темно синем фоне ,почему то выделяются якро красным цветом Т_Т . Как избавиться от этих точек?

    Asked by boooze,

    0 votes
    8 answers

  13. Да input'а поставить рядом

    Нужна помощь, суть проблемы в следующем: есть див шириной 223 в нем помещаю два input: text и submit, размерами 196 и 27 px. Они должны быть вплотную друг с другом. Если к тексту ставлю position absolute а submit делаю float: right то прекрасно отображаются в браузерах(лиса, опера, ие8) но если убрать position absolute то в лисе нормально, в остальных кнопка съезжает в низ. Как это можно исправить? Хотелось бы отказаться от position:absolute по "религиозным соображениям".

    Asked by lamaka,

    0 votes
    9 answers

  14. Пропадает подвал

    Есть макет на трех колонках. Для формирования используется связка relative и absolute у position, при этом подвал оказывается под колонками. Есть какие-то способы сдвинуть его под все колонки, чтобы он опускался автоматически исходя из высоты контента? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Три колонки</title> <style type="text/css"> .header, .footer { background: #D5BAE4; } .layout { position: relative; /* Относитель…

    Asked by Vlad,

    0 votes
    4 answers

  15. Есть шаблоны?

    Всем добрый вечер! Нужны резиновые шаблоны. Кроссбраузерные. 1. 3 колонки. Резиновый по вертикали + центр резиновый по горизонтали. 2. 3 колонки. Резиновый по вертикали. все колонки фиксированной ширины. Может завалялись у кого?

    Asked by Coder_D,

    0 votes
    7 answers

  16. border-bottom на ширину текста

    Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?

    Asked by lamaka,

    0 votes
    4 answers

  17. Каким способом выравнять картинки относительно абзаца слева?

    Верстальщик из меня так себе, но вот встал вопрос, поэтому хотел обратиться за советом. Есть <div>, в которм бдует распологаться текст с иллюстрациями. Задача состоит в том чтобы правильно сформатировать положение картинок относительно текста. текст идет сплошной лентой, разбитой на абзацы. Если бы картинки требовалось расположить внутри него, слева или справа, неважно как, вопроса бы не было. Но необходимо, чтобы картинки располагались слева от определенных абзацев <p> на определенном фиксированном расстоянии. То есть как бы две колонки - одна узкая для картинок, вторая широкая для текста. Как это лучше всего сделать? Идеи такие - создать для колонок два <…

    Asked by mooncar,

    0 votes
    18 answers

  18. Тень у блока

    В CSS3 есть свойство box-shadow для создания тени. Можно ли с его помощью сделать тень только слева и справа от блока?

    Asked by Vlad,

    0 votes
    3 answers

  19. Отправляется не тот sumbit

    Всем Доброго времени суток, ситуация такова: есть форма быстрой авторизации на сайте слева, работает нормально, только если на странице нет другой формы, к примеру регистрации или комментариев, при отправке любой из форм почему то отправляется форма быстрой авторизации, причем я так понял она принимает какие то другие параметры имен переменных. может быть, это происходит, потому что у данной формы стоят value инпутов по умолчанию? Очень надеюсь на вашу помощь, саму страницу с 2 формами можно посмотреть здесь Заранее спасибо

    Asked by selevit,

    0 votes
    9 answers

  20. Inline-block в IE6. какая-то лажа=(

    есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.fi…

    Asked by Love_silense,

    0 votes
    7 answers

  21. Помогите побороть Firefox

    Ребята помогите побороть фаерфокс. Во всех браузерах четко, в FF блок с формой обратной связи уползает. Подскажите где копать, бьюсь уже несколько часов. Спасибо.

    Asked by Buriy,

    0 votes
    6 answers

  22. Как сделать ссылку активной когда открыта именнно та ссылка

    Здравствуйте, вот у меня такая задача чтобы ссылка была активна тогда когда её урл адрес открыт в браузере, ну не в том чтобы она имела статус active, а в том чтобы её как-то можно было назначить стиль, свойства... С нетерпением жду ответа! Заранее спасибо!

    Asked by nikita0010,

    0 votes
    16 answers

  23. Маркированный список.

    Добрый день. Поставил маркеры с помощью list-style: url(images/sdbr-marker.gif). Слишком большой отступ у них от пунктов списка. Ладно бы это было на Internet Explorer 6, но это наблюдается на последней Opera 11, и на Mozilla Firefox 3.6.13. Сами маркеры сползают немного относительно текста (ведь должны быть по центру). Как проблему решить? Internet Explorer 6. Opera 11 (уходят вверх). Mozilla Firefox 3.613 (уходят вниз). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset…

    Asked by Red Planet,

    0 votes
    2 answers

  24. Вертикальное выравнивание изображения в блоке

    Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - text-align:center; Для вертикального выравнивания используется display:table-cell;verticl-align:middle Для ограничения по ширине/высоте изображения (если изображение выходит за пределы блока, уменьшаем) max-width, max-height Два последних условия продублированы expression-ами для IE6 Однако, в случае использования max-width внутри блока с display:table-cell ширина …

    Asked by esche,

    0 votes
    4 answers

  25. Верстка DIV'ами. Контент на всю полезную площадь окна

    здравствуйте! несколько дней бьюсь над следующей проблемой: в нижеприведенной разметке, когда контент короткий (1 строка на моем мониторе) после футера остается пустое место до нижнего края монитора. <div id="header"> <div id="logo"> <a href="" title=""><img src="" width="114" height="80" alt="" /></a> </div> <div id="topmenu"> <div><a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a> <a href="" title=""><img src="" width="32" height="32" alt="" /></a></div> </div> &l…

    Asked by Viento,

    0 votes
    18 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