Вопрос знатокам xhtml и css - есть ответ

Alex2Fast, 372 просмотра

<table border="0" width="100%" cellspacing="0" cellpadding="0">

Но когда вставляешь этот кусок кода

<tr>

<td width="26">

<img border="0" src="data/{$smarty.const.TPL}/left_space.gif" width="86" height="12"></td>

<td class="boxtitle"><b>{$header}</b></td>

</tr>

<tr>
<td bgcolor="#c80404" width="4"> </td>

то фон этой колонки тянется на ширину 26, колонки, которая вставлена в коде в верху. Как этого избежать?

<td class="catalog">{include file="blocks/new_category_tree.tpl.html"}</td>
</tr>
</table>

Ответы:

Ринат Г.

Верстать дивами.

KPblCEHblLLl

Просто стили тут не помогут. Вы пытаетесь нарушить семантику таблицы - сказать, что две ячейки одной колонки имеют разную ширину. Так делать нельзя, любой браузер просто проигнорирует ширину второй колонки.
так что если хотите, чтобы вторая ячейка был шириной 26px но задний фон был только на 4px, то внутрь этой ячейки нужно сунуть <div> шириной 4px, который и будет носителем бекграунда.
Если же вы хотите, чтобы одна ячейка столбца и вправду была короче другой (т.е. не будет единой вертикальной лини разграничивающей все ячейки первого и второго столбца), то это лучше дивами. Можно, конечно поизвращаться с колспанами, но за это вас мало кто поблагодарит :)

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.