Верстка таблицы

Anarchist
На сайте с 23.07.2008
Offline
185
452

Доброго времени суток всем.

Снова требуется ваша помощь, я снова завис :) (бывает такое иногда)

Есть необходимость сверстать табличку со скругленными уголками, в которой будет контент.

В общем, вот что сделал я (табличка 3*3 у которой по углам пнгшки а сам контент в центре)


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14" height="15" align="right" valign="top"><img src="images/content_top_left.png" alt="" /></td>
<td class="white">&nbsp;</td>
<td width="14" height="15" align="left" valign="top"><img src="images/content_top_right.png" alt="" /></td>
</tr>
<tr>
<td class="white">&nbsp;</td>
<td class="white">
<!-- контент -->
</td>
<td class="white">&nbsp;</td>
</tr>
<tr>
<td width="14" height="14" align="right" valign="bottom"><img src="images/content_bot_left.png" alt="" /></td>
<td class="white">&nbsp;</td>
<td align="left" valign="bottom"><img src="images/content_bot_right.png" alt="" /></td>
</tr>
</table>

class="white" это просто белый бекграунд.

Суть проблемы в том, что заливаются боковые колонки (которые между уголками) неправильно. Не от самого верха и не до самого низа. В эксплорере этого глюка нет, но есть в хороших браузерах. Это и озадачило. Не могу понять причины. Размеры ячеек с картинками соответствуют размерам самих картинок. Страница с этой таблицей валидная. В общем, подскажите плз где косячу :)

lazio
На сайте с 05.10.2006
Offline
47
#1

может быть стили не подхватываются? или еще попробуйти убрать &nbsp;.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
Anarchist
На сайте с 23.07.2008
Offline
185
#2

Стили прописаны пока что в том же файле. По сути их к таблице и не применяется, кроме этого white (с тем же успехом пишется bgcolor)

Пробелы роли не играют. Пробовал уже. У ячеек все равно остается расстояние сверху и снизу, которое не заливается бекграундом.

Anarchist добавил 06.04.2009 в 15:53

Всё. Понял в чем косяк. Доперло.

Дело было в пробелах, которые стояли в верхних средних ячейках. Про них я совсем запамятовал.

Ну, я так и думал, что недосмотр какой-то. Поэтому и попросил вас посмотреть))

Всем спасибо.

[Удален]
#3

Anarchist, добавте в стили

* {padding:0;margin:0;border:0;}

и еще я бы .png формат не юзал бы без особой необходимости у ie есть проблемы с ним

Anarchist
На сайте с 23.07.2008
Offline
185
#4

burunduk, спасибо. но это не то ;) Проблему решил уже. Глупость была.

А с пнг проблем никаких. Я знаю насчет альфа-прозрачности и всего такого. Там все фиксится (если кому надо - выложу js который легко подключается и без загонов фиксит png-картинки в IE).

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#5
RaftKorn
На сайте с 20.03.2007
Offline
166
#6

Anarchist, можно скриптик сюда или в личку?

Премиум верстка и дизайн под ключ ( https://searchengines.guru/ru/forum/1045270 )
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#7
RaftKorn:
Anarchist, можно скриптик сюда или в личку?

http://www.tigir.com/alpha_png.htm

Anarchist
На сайте с 23.07.2008
Offline
185
#8
Алексей Барыкин:
http://barykin.com/example/table_round.html

да-да. Примерно то же самое, только картинки сделаны картинками, а не загнаны под CSS.

burunduk:
и еще я бы .png формат не юзал бы без особой необходимости

есть необходимость. Очень плавные скругления. в смысле gif не обеспечит такого плавного перехода из картинки в бекграунд.

Алексей Барыкин:
http://www.tigir.com/alpha_png.htm

тут ручной фикс.

RaftKorn, выкладываю скрипт. расширение только смените на js. Внутри описание как юзать.

txt pngfix.txt

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