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 3 колонки

    НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…

    Asked by olejan,

    0 votes
    6 answers

  2. div absolute не растягивает родительский div relative

    Содержание div absolute меняется по высоте, но не растягивает родительский div relative! Как сделать так чтобы он растягивался??? Пример кода: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } .wraper { margin: 0px; padding: 0px; text-align: center; } .container { width: 960px; position: relative; text-align: left; background-color: #…

    Asked by Oriy,

    0 votes
    2 answers

  3. Div background repeat-y

    Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…

    Asked by corsair,

    0 votes
    9 answers

  4. DIV background в IE6 не отображается

    Такой элемент: <div class="message">Неправильное имя пользователя (логин) или пароль. Попробуйте ещё раз.</div> Такой CSS: .message { padding: 5px; background: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold; display:block; } Почему-то в IE6 заливки не видно. В чем может быть дело? Разобрался. Добавил: position:relative; height:auto;

    Asked by d0ublezer0,

    0 votes
    1 answer

  5. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  6. div display:inline в мозилле

    Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>

    Asked by Lergana,

    0 votes
    8 answers

  7. div float

    Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…

    Asked by ko6ag,

    0 votes
    6 answers

  8. Div float

    Допустим сайт состоит из 6 блоков по три в каждом ряду. Какое значение float правильно было бы выставить для них? Для всех блоков заданы конкретные размеры, только высоты нет у контента. Для всех float="left"? Или для тех что справа right? У меня на сайте 6 div по 3 в строчку и снизу DIV футер в 100% ширину. И всё это в DIV контейнере, и нижний футер почему то не в контейнере, хотя он вложен в него, но например если задать бэкграунд контейнеру, то видно что заливка не распространяется на футер, не понятно почему, у всех блоков стоит float="left"

    Asked by SoFuWa,

    0 votes
    2 answers

  9. div height 100%

    Мозг разрывается не могу ниииикак исправить... Есть такая тема: http://floomby.ru/content/7WYLoCplEq/ код такой: <td colspan="5" rowspan="2" valign="top" style="border:2px solid yellow; height:100%;"> <div style="width:668px; float:left; border:2px solid red; height:100%;"> sadsadsa </div> <div style="float:left; border:2px solid blue;"> dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa </div> </td> выше есть еще много много <tr><td> и еще выше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML…

    Asked by Simon,

    0 votes
    23 answers

  10. Div Height 100%

    Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.

    Asked by yarikus,

    0 votes
    6 answers

  11. Div height на 100%

    вопрос как создать div без содержания во всю высоту ——————————————————-- div c height на 350 px работает нормально устанавливаешь height на 100% div пропадает ———————————————-- что подкрутить

    Asked by serjico,

    0 votes
    9 answers

  12. div hазметка 3 колонок

    Подскажите, никак не получается Есть 3 дива в одном. Мне нужно чтобы центральный (синий) див всегда был по центру с заданным размером, боковые чтобы заполняли все остальное пространство слева и справа до края браузера. Нашел кучу макетов, но мне не нужна таблица и прочие сложности. Подскажите в чем беда. http://jsfiddle.net/JPD93/8/

    Asked by фонарик,

    0 votes
    4 answers

  13. div IE 6

    Вопрос: В ie 6 div'ы переносяться хотя прописано в стили display:inline т.е идут 111 222 333 а нада 111 222 333

    Asked by sdasddsa,

    0 votes
    1 answer

  14. div kak css

    А возможно ли слои приклеплять к хтмл как стили?

    Asked by Noks,

    0 votes
    8 answers

  15. Div OnMouseOver IE problem

    Проблема слудующая Есть оснвной див, при наведении на него отображаються 2 дополнительных дива(слева и снизу) аля доп меню. <div id="layer1" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);">DIV 1</div> <!-- основной--> <div id="layer11" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 right</div> <!-- дополнительный 1--> <div id="layer12" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 bottom</div> <!-- дополнительный 2--> Наводишь на основной - отобразились дополнитеьные, уводишь мышь на любой дополнительный - они продолжают отображаться. Уводишь на люб…

    Asked by contact,

    0 votes
    3 answers

  16. Div overlay

    Приветствую! Основные требования к реализации: - высота блоков с картинками должна быть динамической - ширина блока в % - без использования таблиц - при наведении на картинку выводится чёрный overlay Проблему с выравниванием блоков, допустим, можно решить при помощи DivMasonry. А вот вопрос состоит в следующем... Можно ли решить задачу с overlay'ем не прибегая к использованию JS/jQuery?

    Asked by Seemann,

    0 votes
    9 answers

  17. div relative и static одновременно

    Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"

    Asked by Diver2,

    0 votes
    10 answers

  18. div scroll XHTML-?

    Здравствуйте, дорогие форумчане. Такая проблема: Не получается отладить в XHTML scroll у <div id="scroll"> (http://www.fahrschule-mering-wybiral.de/). Задача состоит в том, чтобы прокручивалось содержимое только этого div-a. Всё остальное содержание старницы должно оставаться фиксированным. <div id="scroll"> выделен пунктирной рамкой. В HTML.4 это работало (http://art-factor.gmxhome.de/Home-DE-Gemaelde-Grafik.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как решить эту задачу в XHTML??? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…

    Asked by art-factor,

    0 votes
    2 answers

  19. div vs table

    Знаю тема обсуждалась не раз, но все-же кто сталкивался с чем то что нельзя реализовать блоками но при этом можно сделать таблицами? Приводите примеры. Мне сегодня такая инфа. может понадобиться.

    Asked by rediskavet,

    0 votes
    7 answers

  20. Div width=100% более ширины окна браузера

    Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #…

    Asked by pivkos,

    0 votes
    14 answers

  21. div with arrow

    Добрый день. Подскажите как создать блок с таким зубцом как показано на рисунке. Спасибо

    Asked by Romario1985,

    0 votes
    2 answers

  22. DIV без фона над другим DIV

    <!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .d1 { position: absolute; z-index: 100; width: 100%; height: 100%; background: none; } .d2 { position: relative; z-index: 50; width: 100%; height: 100%; } </style> </head> <body> <div class="d1"></div> <div class="d2"><a href="">Некликабильно в FF</a></div> </body> </html> В остальных браузерах все нормально работает. в FF же верхний элеме…

    Asked by Razor,

    0 votes
    3 answers

  23. Div блок

    У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!

    Asked by andry65,

    0 votes
    1 answer

  24. div блок внутри div блока который...

    Должен быть всегда внизу , точнее прикреплен к нижней части блока в котором находиться. А то получаеться, что он идет после текста. с float, что то не получилось. да и косяки на разных браузерах получаються.

    Asked by aratj,

    0 votes
    8 answers

  25. Div блок и прокрутка

    Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }

    Asked by Жуля,

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