HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
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…
0 votes6 answers -
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: #…
0 votes2 answers -
Div background repeat-y
Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…
0 votes9 answers -
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;
0 votes1 answer -
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> &…
0 votes17 answers -
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>
0 votes8 answers -
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…
0 votes6 answers -
Div float
Допустим сайт состоит из 6 блоков по три в каждом ряду. Какое значение float правильно было бы выставить для них? Для всех блоков заданы конкретные размеры, только высоты нет у контента. Для всех float="left"? Или для тех что справа right? У меня на сайте 6 div по 3 в строчку и снизу DIV футер в 100% ширину. И всё это в DIV контейнере, и нижний футер почему то не в контейнере, хотя он вложен в него, но например если задать бэкграунд контейнеру, то видно что заливка не распространяется на футер, не понятно почему, у всех блоков стоит float="left"
0 votes2 answers -
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…
0 votes23 answers -
Div Height 100%
Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.
0 votes6 answers -
Div height на 100%
вопрос как создать div без содержания во всю высоту ——————————————————-- div c height на 350 px работает нормально устанавливаешь height на 100% div пропадает ———————————————-- что подкрутить
0 votes9 answers -
div hазметка 3 колонок
Подскажите, никак не получается Есть 3 дива в одном. Мне нужно чтобы центральный (синий) див всегда был по центру с заданным размером, боковые чтобы заполняли все остальное пространство слева и справа до края браузера. Нашел кучу макетов, но мне не нужна таблица и прочие сложности. Подскажите в чем беда. http://jsfiddle.net/JPD93/8/
0 votes4 answers -
div IE 6
Вопрос: В ie 6 div'ы переносяться хотя прописано в стили display:inline т.е идут 111 222 333 а нада 111 222 333
0 votes1 answer -
div kak css
А возможно ли слои приклеплять к хтмл как стили?
0 votes8 answers -
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--> Наводишь на основной - отобразились дополнитеьные, уводишь мышь на любой дополнительный - они продолжают отображаться. Уводишь на люб…
0 votes3 answers -
Div overlay
Приветствую! Основные требования к реализации: - высота блоков с картинками должна быть динамической - ширина блока в % - без использования таблиц - при наведении на картинку выводится чёрный overlay Проблему с выравниванием блоков, допустим, можно решить при помощи DivMasonry. А вот вопрос состоит в следующем... Можно ли решить задачу с overlay'ем не прибегая к использованию JS/jQuery?
0 votes9 answers -
div relative и static одновременно
Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"
0 votes10 answers -
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…
0 votes2 answers -
div vs table
Знаю тема обсуждалась не раз, но все-же кто сталкивался с чем то что нельзя реализовать блоками но при этом можно сделать таблицами? Приводите примеры. Мне сегодня такая инфа. может понадобиться.
0 votes7 answers -
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%; } #…
0 votes14 answers -
div with arrow
Добрый день. Подскажите как создать блок с таким зубцом как показано на рисунке. Спасибо
0 votes2 answers -
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 же верхний элеме…
0 votes3 answers -
Div блок
У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!
0 votes1 answer -
div блок внутри div блока который...
Должен быть всегда внизу , точнее прикреплен к нижней части блока в котором находиться. А то получаеться, что он идет после текста. с float, что то не получилось. да и косяки на разных браузерах получаються.
0 votes8 answers -
Div блок и прокрутка
Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }
0 votes10 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-