| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
![]() ![]() |
| Сергей |
20.2.2008, 15:53
Сообщение
#1
|
|
Прохожий ![]() Группа: Пользователи Сообщений: 3 Регистрация: 12.2.2008 Пользователь №: 591 |
Помогите, пожалуйста! Можно ли сделать верстку следующим образом? Шапка состоит из рисунка. Его надо разделить на 3 части по вертикали(как бы три строки). А 2 часть в свою очередь нужно разделить на 3 части по горизонтали(на три столбца). Все это должно быть по всей странице(без полей). Как все это реализовать, чтобы работало на всех разрешениях??? А то у меня сложилось впечатление, что это не возможно! Я все перепробывал(по-моему), при моем разрешении нормально, на других то нормально, то полоса из пикселей вылезает, т.к. не правильно делится часть изображения. Вот, собственно код:
<div style="width:100%;margin-bottom:0;padding:0;margin-top:0;"> <table cellpadding="0" cellspacing="0" border="0" width="100%" valign="top"> <tr> <td width="100%" colspan="2"> <div style="width:100%;margin-bottom:0;padding:0;margin-top:0;"> <img src="images/img/head_1.jpg" width="100%" align="left" vspace="0" hspace="0" border="0"> </div> <tr> <td width="25%" height="100%"> <div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;"> <img src="images/img/head_2_1.jpg" width="100%" align="left" vspace="0" hspace="0" border="0"> </div> <td width="25%" height="100%"> <div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;"> <img src="images/img/head_2_2.jpg" width="100%" border="0" align="left" vspace="0" hspace="0" border="0"> </div> <td width="50%" height="100%"> <div style="width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;"> <img src="images/img/head_2_3.jpg" width="100%" border="0" align="left" vspace="0" hspace="0" border="0"> </div> <tr> <td width="100%" colspan="3"> <div style="width:100%;margin-bottom:0;padding:0;margin-top:0;"> <img src="images/img/head_3.jpg" width="100%" align="left" vspace="0" hspace="0" border="0"> </div> </table> </div> |
| total |
27.2.2008, 19:34
Сообщение
#2
|
|
Новичок ![]() ![]() Группа: Пользователи Сообщений: 7 Регистрация: 27.2.2008 Пользователь №: 637 |
В первой строке таблицы colspan='2' нужно то 3.
Где закрывающие теги ячеек и строк таблицы (</td> и </tr>) ? Еще момент - за рисунком некоторые браузеры могут делать отступ, чтобы его избежать нужно либо прописать тег рисунка с др. тегами без пробелов <div ...><img ...></div> либо поставить сразу же за ним тег <br> Поэкспериментируйте. -------------------- |
![]() ![]() ![]() |
|
Текстовая версия | Сейчас: 22.5.2008, 5:44 |