|
Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Помогите с версткой |
|
Помогите с версткой
|
Старожил Сообщения: 164 |
Профиль | Отправить PM | Цитировать
Плиз помогите с версткой, использую верстку слоями:
Код index.php файла: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> <title>Untitled Document</title> </head> <body> <div class="header_1_div" ></div> <div class="header_2_div"></div> <div class="header_3_div" ><img src="img/h_img_line.gif"></div> <div class="header_4_div"></div> <div class="header_5_div"><img src="img/h_img_line.gif"></div> </body> </html> Код CSS файла: body { margin-top:10; margin-bottom:10; background-color:#1e1e1e;} .header_1_div{position:relative; margin-left:auto; margin-right:auto; width:800px; height:25px; background-image:url(img/bg_h_red.gif);} .header_2_div{position:relative; margin-left:auto; margin-right:auto; width:800px; height:20px; top:1px; background-image:url(img/bg_h_lines.gif);} .header_3_div{position:relative; float:left; margin-left:auto; margin-right:auto; height:86px; width:1px; top:2px;} .header_4_div{position:relative; margin-left:auto; margin-right:auto; width:798px; top:2px; height:25px; background-image:url(img/bg_h_wtrih.gif);} .header_5_div{position:relative; float:; margin-left:auto; margin-right:auto; width:1px; top:55px;} Проблема в следующем - первый рисунок(полоса белого цвета), который описан в .header_3_div, а так же второй рисунок (та же полоска) .header_5_div, должны плотно прилегать к слою .header_4_div (штриховка) с левой и правой стороны соответственно. С учетом того что слои должны быть выравнены по центру, и иметь ширину 800 px. Но у меня не получается расположить эти полоски как надо, подробнее в скриншоте. |
|
Отправлено: 18:26, 27-11-2008 |
Кот Ти Сообщения: 7318
|
Профиль | Отправить PM | Цитировать Как всё сложно...
В общем, попробуйте. Я не проверял, т.к... лениво |
Отправлено: 18:44, 27-11-2008 | #2 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети. Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля. |
Старожил Сообщения: 164
|
Профиль | Отправить PM | Цитировать К сожалению ваш совет не принес желаемых результатов, получилась какая то кособячина :-)
|
Отправлено: 19:53, 27-11-2008 | #3 |
Кот Ти Сообщения: 7318
|
Профиль | Отправить PM | Цитировать Да-да, теперь я проверил в браузерах
Попробуйте вот так:
Теперь должно работать. |
Отправлено: 20:43, 27-11-2008 | #4 |
Участник сейчас на форуме | Участник вне форума | Автор темы | Сообщение прикреплено |
| |||||
Название темы | Автор | Информация о форуме | Ответов | Последнее сообщение | |
[решено] Помогите с версткой | Bullet-Avalon | Вебмастеру | 8 | 28-09-2009 20:43 | |
ПОмогите с версткой, плз... | Bullet-Avalon | Вебмастеру | 1 | 02-05-2009 13:22 | |
Помогите с версткой! | Bullet-Avalon | Вебмастеру | 4 | 02-02-2009 22:12 |
|