веб-мастеру блог веб-мастера Статьи Веб-Мастера SEO Tools книги веб-мастеру

IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Таблица из 3 рисунков на полный экран
Сергей
сообщение 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>
Поэкспериментируйте.


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 22.5.2008, 5:44
^ ВВЕРХ ^

Посетите наши проекты:
Бодибилдинг.info - упражнения бицепс
whois database