Занимательный веб-дизайн

Ajiotaj
На сайте с 01.12.2006
Offline
150
650

Нужно разместить два баннера так, чтобы везде было расстояние x, а не как на рисунке.

Используя такой код:


<table width="100%">
<tr>
<td width="50%" align="center">
баннер 1
</td>
<td align="center">
баннер 2
</td>
</tr>
</table>

получаем рисунок, в котором визуально баннеры будут оттянуты к краям, т.к. каждый баннер центрируется в своем столбце.

Вопрос: как изменить код, чтобы 2х превратилось в х?

png ban.png
[umka]
На сайте с 25.05.2008
Offline
456
#1

Так у вас табличка по ширине растягивается же.

Задайте жёсткие размеры и всё будет ок.

[umka] добавил 09.12.2010 в 11:07

А... я кажись понял, какая задача :)

Да, действительно занимательно.

Лог в помощь!
Master812
На сайте с 23.12.2007
Offline
142
#2

Ajiotaj, неуверен что правильно, но я бы сделал так:

<table width="100%">

<tr>

<td width="нужное расстояние">&nbsp;</td>
<td width="50%" align="center">
баннер 1
</td>
<td align="center">
баннер 2
</td>
<td width="нужное расстояние">&nbsp;</td>
</tr>
</table>
raspberry pi сайт ( https://4raspberrypi.ru/ ) и orange pi сайт ( https://orangepi.su/ ) и новостной движок ( https://generalscript.ru/ )
[umka]
На сайте с 25.05.2008
Offline
456
#3

Мне кажется, так должно работать:

<table width="100%">

<tr>
<td>&nbsp;</td>
<td width="468">banner1</td>
<td>&nbsp;</td>
<td width="468">banner2</td>
<td>&nbsp;</td>
</tr>
</table>
Master812
На сайте с 23.12.2007
Offline
142
#4

[umka], ну так то конечно тоже можно, но если надо будет подвинуть на 200 пикселей, сколько вам тогда понядобиться вставить &nbsp;, а? :) Но впринципе, правильно.

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#5

Банеры выровнены по центру? Либо они резиновые?

Елси по центру, я думаю особо можно и незаморачиватся по поводу отпуста.

[umka]
На сайте с 25.05.2008
Offline
456
#6
Master812:
[umka], ну так то конечно тоже можно, но если надо будет подвинуть на 200 пикселей, сколько вам тогда понядобиться вставить &nbsp;, а? :) Но впринципе, правильно.

Дык &nbsp; тут не для отступов. Ячейкчи с &nbsp; сами растянутся по ширине до максимального размера.

А &nbsp; я вставил по привычке, т.к. помню, раньше некоторые браузеры пустые ячейки слепливали и не растягивали.

Ajiotaj
На сайте с 01.12.2006
Offline
150
#7

по-моему 4 пост полностью решает задачу! всем спасибо за участие!

E
На сайте с 03.12.2010
Offline
140
#8

первый по центру , второй по левому краю сделать в ячейках )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий