kent666

пробовал, но почему то не получается!!! Или хотябы в чем может быть проблемма!

У меня в самом начале файла css стоит но столкнулся с проблемой!!! в определенном блоке хочу оставить стандартный цвет (черный) color:black; , но почему - то он все равно остается зеленым! Как сделать что бы весь текст в определенном блоке вместе вложенными в него блоками были другого цвета!

Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?

а как ты проверяешь на валидность кода? и как его можно добавить одной строчкой?

а все это будет нормально отображаться во всех браузерах?

А можно пару вопросов ? zoom: 1; - ? vertical-align:middle; - он же работает только для блочных элемнтов *display:inline; - что значит * *+html .photo div, *+html .photo a - что значит "+" Если не трудно можно опишите в общих чертах блок стилей! Очень хочется разобраться!

Вроде бы оно))) Только сейчас разберусь что к чему!

я наверное не правильно объединил что мне надо. у меня есть слой родительский постоянной ширины 840 рх В нем слой резиновый по центру родителя В этом слое 3 слоя. Первый будет окантовкой рисунка 11рх Второй рисунок переменной ширины Третий будет окантовкой рисунка 11рх

что то не так. <div style=""> <div style="float:left; width: 80px; background:red; height: 300px;"> <a href="#"><img alt="" src="images/img05.jpg" style="float:right; padding-top:130px"/></a> </div> <div style="float:left; background:white; height: 280px; padding-top:20px; width: 840px;" align="center"> <div style="height: 260px; background:green; overflow:hidden; "> <div style="float:left; width: 11px; background:red; height: 260px;"></div> <div style="float:right; width: 11px; background:red; height: 260px;"></div> <div style="background:white; height: 260px;">33333rhdftu6r btfyjn nb ty nbyhn3</div> </div> </div> <div style="float:left; width: 80px; background:red; height: 300px;"> <a href="#"><img alt="" src="images/img06.jpg" style="float:left; padding-top:130px"/></a> </div> </div><!-- end photo --> мне надо что бы вложенные 3 слоя были расположены по центру родителя и ширина среднего менялась в зависимости от содержимого. А получается что средний вложенный слой просто растягивается на всю ширину

Помогите плиз! Как сделать слой, что бы его ширина была равна ширине вложенных в него слоев <div style="float:left; width: 840px; background:white; height: 280px; padding-top:20px" align="center"> <div style="height: 260px; background:green; "> <div style="float:left; width: 11px; background:red; height: 260px;"></div> <div style="float:left; ; background:white; height: 260px;">333333</div> <div style="float:left; width: 11px; background:red; height: 260px;"></div> </div> </div> проблема заключается в том что я не знаю какой ширины будет слой <div style="float:left; ; background:white; height: 260px;">333333</div> Поэтому мне надо как то задать ширину родительского слоя так, что бы она менялась в зависимости от содержимого!

А как будет лучшее или точнее как будет правильно! использование border-box или верстать с учетом того что высота будет увеличена padding! Просто меня волнует насколько корректно все будет отображаться в браузерах? Как бы вы сделали? <div style="height: 260px;"> <div style="float:left; width: 80px; background:red;"> <a href="#"><img alt="" src="images/img05.jpg" style="float:right; padding-top:80px"/></a> </div> <div style="float:left; width: 840px; background:white"></div> <div style="float:left; width: 80px; background:red;"> <a href="#"><img alt="" src="images/img06.jpg" style="float:left; padding-top:80px"/></a> </div> </div><!-- end photo -->

когда я использую padding-top у меня слой вытягивается в высоту на то кол пикселей, на которое я смещаю текст вниз.

Всем привет. Помогите пожалуйста! Не работает вертикальное выравнивание по центру. Есть код <div class="photo"> <div style="float:left; width: 80px; height: 260px; background:red; vertical-align: middle;">555 </div> <div style="float:left; width: 840px; height: 260px; background:white"></div> <div style="float:left; width: 80px; height: 260px; background:red; vertical-align: middle;">555 </div> </div><!-- end photo --> 555 находиться сверху слоя. а не по середине. В чем ошибка?

Спасибо. Єто то что нужно

что то не получается. <div> <div style="display: inline-block; width: 16px; height: 50px; background:red;"></div> <div style="display: inline-block; width: 968px; height: 50px; background:black"></div> <div style="display: inline-block; width: 16px; height: 50px; background:red"></div> </div><!-- end top_menu --> какая то щель между слоями

Да мне нужна кросбраузерность. А если с использованием float.

Всем привет! как разместить 3 дива горизонтально без float!

может это оно.Еще вопросик. я не знаю как лучше верстать. При помощи стилей или таблицей. Если верстать таблицей то это немного подтупит браузер, но зато на любом браузере все будет выглядеть нормально

Кода просто очень много! Убираю повозможности все ненужное. проблема в <form action="" method="post"> [b]<div style="padding:5px; border:1px solid; width:100px; margin:5px" >[/b] <a href="http://www.my-site.ua/admin/news/new">Новая новость</a> </div> <div style="float:right;padding:10px; width:650px; min-height:400px; color:#000000; background-color:#FFFFFF; border:1px solid"> <div id="main"></div> </div> <div style="clear:both"></div> </div> </form>

Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!! уже и clean:both в стили ставил. Ему все пофиг!!! Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS

в папке images!!! причем если добавить в индекс изображение, то изображение открывается <body> <div class="head"> <img align="absmiddle" src="images/reklama.jpg"> </div> </body>

Всем привет. У меня проблем с фоном. <body> <div align="center"> <div class="head"> </div> </div> </body> и CSS .head { width: 100%; background-image: url(images/temp.jpg); background-repeat: repeat-x; } Что не далай не работает фон. Уже и ссылки менял и рисунки менял! В чем может быть проблема?

Всем привет Подскажите пожалуйста У меня не работает фон есть CSS #menu {margin: 5px 50px 5px 50px; background: url(images/menu.png);} #menu ul li{ display:inline; float:left; width:150px; list-style:none; text-align:center; } #menu a { display:block; float:left; width:145px; font-size:12px; text-decoration:none; font-weight:bold } url(images/menu.png) фон не показывает! В чем может быть проблема html <div id="menu"> <ul> <li><a href="#">ГЛАВНАЯ</a></li> <li><a href="#">О КОМПАНИИ</a></li> <li><a href="#">ПАРК АВТОМОБИЛЕЙ</a></li> <li><a href="#">КЛИЕНТАМ</a></li> <li><a href="#">ВОДИТЕЛЯМ</a></li> <li><a href="#">ПАРТНЕРЫ</a></li> </ul> </div><!--id="menu"-->

Спасибо)

Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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>шаблон</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div id="layer"> <div id="top"></div><!--id="top"--> <div id="menu"> <ul> <li><a href="#">ГЛАВНАЯ</a></li> <li><a href="#">О КОМПАНИИ</a></li> <li><a href="#">ПАРК АВТОМОБИЛЕЙ</a></li> <li><a href="#">КЛИЕНТАМ</a></li> <li><a href="#">ВОДИТЕЛЯМ</a></li> <li><a href="#">ПАРТНЕРЫ</a></li> </ul> </div><!--id="menu"--> <div id="container"> <div id="left"> <ul> <li><a href="#">ПРАЙС ЛИСТ</a></li> <li><a href="#">ОНЛАЙН ЗАКАЗ</a></li> <li><a href="#">ОТЗЫВЫ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div><!--id="left"--> <div id="right"> CONTENT </div><!--id="right"--> </div><!--id="container"--> <div id="bottom"> <ul> <li><a href="#">ГЛАВНАЯ</a></li>| <li><a href="#">О КОМПАНИИ</a></li>| <li><a href="#">ПАРК АВТОМОБИЛЕЙ</a></li>| <li><a href="#">КЛИЕНТАМ</a></li>| <li><a href="#">ВОДИТЕЛЯМ</a></li>| <li><a href="#">ПАРТНЕРЫ</a></li> </ul> </div><!--id="bottom"--> </div><!--id="layer"--> </body> </html> и CSS * { margin: 0; padding: 0; } BODY { background: #C9C2C2; } #layer { width: 1000px; background: aqua; } #top { width: 1000px; height: 200px; border: 2px #000000; background: #FFFF99; } #menu { margin: 5px 50px 5px 50px; border: 2px #000000; background: #CCFFCC; } #menu ul { margin:0; padding:0;} #menu ul li{ display:inline-block; float:left; width:150px; list-style:none; text-align:center;} #menu a { display:block; float:left; width:145px; font-size:12px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-decoration:none; font-weight:bold } #menu a:hover {color:#68d3ed;} #container{ background: #FFFFFF; display:block; } #left{ background: #00CCFF; width: 150px; margin: 5px; float: left; } #left ul { margin:0; padding:0;} #left ul li{float:left;} #left a { display:block; float:left; width:104px; font-size:12px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold } #left a:hover {color:#68d3ed;} #right{ background: #FF99CC; width: 830px; margin: 5px; float: right; } #bottom{ margin: 10px; background: #C0C0C0; } #bottom ul { margin:0; padding:0;} #bottom ul li{ display:inline-block; float:right; width:150px; list-style:none; text-align:center;} #bottom a { display:block; float:left; width:145px; font-size:12px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-decoration:none; font-weight:bold } #bottom a:hover {color:#68d3ed;}