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

Тема в разделе "Веб-дизайн", создана пользователем rijy, 9 мар 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее)
    Вобщем есть вот такой участок кода из дле:
    Код:
    <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 растягивалась НЕ на всю ширину экрана, а только на длину текста (эта длина меняется в зависимости от того, где находится пользователь на сайте). Видимо ячейку растягивает на весь экран слой.. Как можно минимизировать, чтобы ширина ячейки была только на ширину текста?
    Буду благодарен за любые рекомендации.
    Спасибо!
     
  2. Sergikus

    Sergikus Писатель

    Регистр.:
    24 фев 2009
    Сообщения:
    5
    Симпатии:
    0
    Есть несколько вариантов. Один из них убрать с таблицы width=100%.
    Так же можно попробовать такой вариант:

    <td><span style="display:block; background:url(img) repeat-x;">Text text</span></td>
     
  3. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    таблица съежилась вся. а мне нужно, чтобы только одна ячейка ежилась под размер текста

    так же как в моем варианте выглядит(
     
  4. manourr

    manourr Постоялец

    Регистр.:
    2 мар 2009
    Сообщения:
    78
    Симпатии:
    25
    Начнём с того что сама вёрстка просто уё...бищная. Простите за резкость. И табличная и 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'.
     
Статус темы:
Закрыта.