Temiks
-
Posts
557 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Temiks
-
выход второй сделать таблицей там пара строчек не будет, а намного больше
-
Боди белый,контейнер белый, контент белый, меню растягивается в зависимости от содержимого, что не так? не так то, что голубой цвет доходит не до конца
-
например так 1 див повторение левого фона по вертикали, в нем делаем еще див с повторением правого фона, 3 див делаем нижнею часть и указываем бг bottom и ставим ему пейдинг внизу ну и делаем еще один див и делаем ему бг верхние и там же будет весь контент
-
это все можно сделать через дивы и все будет ок во всех браузерах
-
Softlink так выложите решение сюда, может кому нибудь ваше решение станет полезным
-
я вам сделал 3-х уровневое меню, по такой же схеме можно сделать и 6-и уровневое
-
как то так <!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> <link type="text/css" href="css/style.css" rel="stylesheet" /> <style type="text/css" > a { display: block; } .menu, ul { list-style-type: none; padding: 0; margin: 0; } .menu li { min-width: 100px; text-align: center; padding: 0; margin: 0; float: left; background: yellow; } .menu li .list_1 { position: absolute; display: none; } .menu li .list_1 li { padding: 0; background: red; float: none; } .menu li:hover .list_1 { display: block; } .menu li .list_2 { position: absolute; display: none; margin: -20px 0 0 100px; } .menu li .list_2 li { background: lavender; } .menu .list_1 li:hover .list_2 { display: block; } .menu li .list_1 li .list_2 li .list_3 { background: lightsalmon; display: none; position: absolute; margin: -20px 0 0 100px; } .menu li .list_1 li .list_2 li .list_3 li { background: sandybrown; } .menu li .list_1 li .list_2:hover li .list_3 { display: block; } </style> </head> <body> <ul class="menu" > <li> <a href="#">Главная</a> <ul class="list_1" > <li> <a href="#">Ссылка 1</a> <ul class="list_2" > <li> <a href="#">Ссылка 2</a> <ul class="list_3" > <li> <a href="#">Ссылка 3</a> </li> </ul> </li> <li> <a href="#">Ссылка 2</a> </li> <li> <a href="#">Ссылка 2</a> </li> </ul> </li> <li> <a href="#">Ссылка 1</a> </li> </ul> </li> <li> <a href="#">Главная</a> </li> </ul> </body> </html>
-
http://htmlbook.ru/css/hover
-
вот нашел firefox тестер в интернете список браузеров которые входят в тестирование: Mozilla Firefox 2.0.0.20 Mozilla Firefox 3.0.19.0 Mozilla Firefox 3.5.19.0 Mozilla Firefox 3.6.17.0 Mozilla Firefox 4.0.1.0 Mozilla Firefox 5.0.0.0 beta 1 скачать можно тут http://utilu.com/UtiluMFC/ что вы думаете об этом тестере?
-
например <style type="text/css" > .cost { margin:10px; font-family:Tahoma; line-height: 21px; } </style> <p class="cost">Цены на все номера категории "Полулюкс":</p> <p>за <b>Сутки</b> - <b>2500р</b></p> <p>за <b>Один</b> час - <b>600р</b></p> и так далее
-
почему же только фф? не понимают хром, опера, safari и maxthon отображают в другой кодировки + также не понимают стили, понимают только ие и the world 3 ps. вам же уже указали причину
-
.
-
добавьте еще display: block;
-
а этого можно избежать средствами css ? Нет. Если только сделать дополнительный блок, в котором и будет лежать контент. ясно, спасибо
-
а этого можно избежать средствами css ?
-
-
и чем же они по вашему плохи(хотя этот вопрос уже много раз задавали)? кто вам не дает сделать каркас таблицей, а контент в ней и все прочее на дивах, списках и т.д? p.s. вначале бы попробовали на чем вам удобнее верстать страницы + есть макеты, при которых желательны таблицы, то есть с ними будет быстрее чем с дивами, В общем вам выбирать
-
не работает наверное из за того, что название классов не должно начинаться сразу с цифры
-
скорей всего это из за того что у одного дива высота 100% и у второго вложенного тоже высота в %, в хроме тоже не доходит, на вашем бы месте сделал этот макет таблицей, и с фоном все будет хорошо
-
http://zodios.net/htmlcss/downfooter.html
-
Растянуть input на всю ширину div, минус изображение справа
Temiks replied to relax's question in HTML Coding
можно было еще один див сделать и в него поместить этот инпут задав ему ширину в 100%, а этому диву задать марджин справа где картинка будет вот к примеру так <!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> <link type="text/css" href="css/style.css" rel="stylesheet" /> <style type="text/css" > html, body { height: 100%; padding: 0; margin: 0; } .search-container { height: 50px; background: lavender; } .search { margin: 0 80px 0 0; } input { width: 100%; } button { float: right; margin: -25px 10px 0 0; } </style> </head> <body> <div class="search-container" > <div class="search" > <input></input> </div> <button>Найти</button> </div> </body> </html> -
http://validator.w3.org/
-
http://htmlbook.ru/
-
можно попробовать установить мин ширину ячейке таблице + padding + ссылке указать padding? или можно даже без указания padding ссылке, правда тогда придется вешать еще один класс где будет не одно слово
-
если 6 то таблицей, а если списком и 6 ячеек то 100 : 6 = 16.66%, но наверное так не получится
