Как минимизировать ширину слоя?

Статус
В этой теме нельзя размещать новые ответы.

rijy

Гуру форума
Регистрация
3 Ноя 2007
Сообщения
250
Реакции
80
Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее)
Вобщем есть вот такой участок кода из дле:
Код:
<table cellspacing=0 cellpadding=0 border=0 width=100% height=62>
		<tr>
			<td width=15 style="background:url({THEME}/images/1.gif) no-repeat left" valign=top class=header_01>&nbsp;</td>
			<td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01><div id='spbar'>{speedbar}</div></td>
			<td width=15 style="background:url({THEME}/images/3.gif) no-repeat left" valign=top class=header_01>&nbsp;</td>
			<td style="background:url({THEME}/images/4.gif) repeat-x left" valign=top class=header_01>&nbsp;</td>
		</td>
		</tr>
	</table>
Это спидбар из ДЛЕ. Мне надо, чтобы ячейка с фоновым рисунком 2.gif растягивалась НЕ на всю ширину экрана, а только на длину текста (эта длина меняется в зависимости от того, где находится пользователь на сайте). Видимо ячейку растягивает на весь экран слой.. Как можно минимизировать, чтобы ширина ячейки была только на ширину текста?
Буду благодарен за любые рекомендации.
Спасибо!
 
Есть несколько вариантов. Один из них убрать с таблицы width=100%.
Так же можно попробовать такой вариант:

<td><span style="display:block; background:url(img) repeat-x;">Text text</span></td>
 
Один из них убрать с таблицы width=100%.
таблица съежилась вся. а мне нужно, чтобы только одна ячейка ежилась под размер текста

<td><span style="display:block; background:url(img) repeat-x;">Text text</span></td>
так же как в моем варианте выглядит(
 
Начнём с того что сама вёрстка просто уё...бищная. Простите за резкость. И табличная и CSS.
Обрати внимание на элементы class=header_01 и id='spbar'. В CSS-файле нужно посмотреть их описания. Может там задаются размеры. Можно попробовать задать автомотическую ширину(width:auto). Можно попробовать задать минимальную ширину - не работает в IE.

Добавлено через 13 минут
Ещё один вариант. Рабочий.
Можно пойти по пути создателей вёрстки.
Вместо дива (выделен красным:(
Код:
<td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01>[COLOR="Red"]<div id='spbar'>[/COLOR]{speedbar}[COLOR="red"]</div>[/COLOR]</td>

Вставляем таблицу с незаданной шириной:
Код:
<td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01>[COLOR="green"]<table><tr><td>[/COLOR]{speedbar}[COLOR="Green"]</td></tr></table>[/COLOR]</td>

Но вдобавок нужно ещё будет прописать стили для table, лучше всего скопировать стиль из id='spbar'.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху