[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Таблица из 3 рисунков на полный экран
fen0men
Помогите, пожалуйста! Можно ли сделать верстку следующим образом? Шапка состоит из рисунка. Его надо разделить на 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>



Спустя 19 часов, 13 минут, 27 секунд (23.02.2008 - 07:54) Sylex написал(а):
Код, конечно, ужасный... Ты никак не сделаешь, чтобы на всех разрешениях смотрелось одинаково. Либо оно будет тянуться где-то (так делают), либо тебе под каждое разрешение нужно разные фотки (запаришься). Либо по центру показывалось.

Спустя 1 час, 32 минуты, 51 секунда (23.02.2008 - 09:27) Timok написал(а):
возможно всё. Только вопрос непонятен, а код ни о чем не говорит. Попробуй описать проблему ещё раз.

Спустя 4 дня, 1 час, 47 минут, 48 секунд (27.02.2008 - 11:14) fen0men написал(а):
Короче... Мне нужно чтобы страница состояла, допустим, из 3 рисунков, которые должны быть расположены по горизонтали(в строку). И чтобы все это растягивалось на весь экран(по горизонтали хотя бы) и работало на любых разрешениях!
P.S. 3 этих рисунка - это одна расрезанная картинка...


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.