Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Динамическая ширина столбца таблицы.


Автор: karell 14.3.2005, 18:06
Есть таблица. По ширине занимает 100% продоставленного ей места. В ней 2 колонки. Надо, чтобы ширина первой зависела от длины текста в ней, а вторая занимала оставшееся место =)
Это для заголовка новости, фон заголовка темнее, чем все остальное. Если не выставлянть никаких доп тегов в таблице, после первого пробела заголовок переносится на следующую строку и т.д.
Подскажите, плз, как победить.
С уважением.
Добавлено @ 18:09
Почти 40 минут тупил... нажал на кнопку "создаьть тему" - сообразил: не нужно двух колонок, нужна таблица в таблице... без тегов размеров, только с выравниванием влево...
Подумал, что надо иногда переключаться =)

Автор: Aliance 23.3.2005, 23:27
Можно еще так:
Код

<tr height="*">

Плюс чтобы содержимое не переносилось, можно использоать сомнительный тег <nobr></nobr>

Автор: Алексей Фоменко 5.4.2005, 13:52
Цитата(karell @ 14.3.2005, 18:06)
Есть таблица. По ширине занимает 100% продоставленного ей места. В ней 2 колонки. Надо, чтобы ширина первой зависела от длины текста в ней, а вторая занимала оставшееся место =)
Это для заголовка новости, фон заголовка темнее, чем все остальное. Если не выставлянть никаких доп тегов в таблице, после первого пробела заголовок переносится на следующую строку и т.д.
Подскажите, плз, как победить.

Используй команду nowrap вот таким образом:

Код

<table width="100%" border="1" height=50%>
<tr>
<td nowrap>Текст Текст Текст 
Текст Текст Текст Текст Текст Текст Текст Текст 
Текст Текст Текст Текст</td>
<td>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
Текст Текст Текст Текст  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
Текст Текст Текст Текст  Текст</td>
</tr></table>


Автор: Aliance 5.4.2005, 15:48
Алексей Фоменко
Используй кнопку code, смотреть иначе невозможно.

Автор: Алексей Фоменко 9.4.2005, 23:25
Сделал smile

Автор: Gold Dragon 10.4.2005, 09:37
Очень просто.... Замени обыкновенный пробел на неразрывный (&nbsp;)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)