Непонятный отступ у безразмерной таблицы

[misfit]

Имеется таблица с двумя ячейками (таблица и ячейки - безразмерные, тоесть width - неуказан), в левой ячейке - динамически меняемый текс разной длины, в правой - стрелка. Смотреть собственно аттач. Так вот как только текст состоит их двух слов - второе слово перебегает на другую сроку (а это и хорошо - no-wrap нам не нужен) и получается так огромный отступ справа, стрелка визуально убегает далеко далеко Что это за эффект и как от него избавиться ?

[yanagee]

Ну, избавиться можно, указав для таблицы ширину.
Происходит это из-за того, что она находится в блоке определенного размера. Когда текста в ней становится длиной ровно в одну строку она принимает ширину = 100%. Если текста больше, то ширина остается 100%. А это расстояние - не отступ. Это можно увидеть, если задать text-align: justify.

[misfit]

Ну, избавиться можно, указав для таблицы ширину.

Нум у нас текст генерится динамически, он может быть разной длины, так что указать конкретную ширину для таблицы не представляется возможным...

[yanagee]

Нум у нас текст генерится динамически, он может быть разной длины, так что указать конкретную ширину для таблицы не представляется возможным...

В таком случае советую вообще не ставить таблицу туда, где ей по логике вещей быть не положено.
Пишите текст в div, ставьте ему неповторяющийся бэкграунд справа и паддинг шириной в картинку.
Зачем всё так усложнять?

[Aykroyd]

Originally posted by yanagee@Jun 8 2007, 20:29
В таком случае советую вообще не ставить таблицу туда, где ей по логике вещей быть не положено.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
ну наконец-то... ) золотые слова...

[misfit]

В таком случае советую вообще не ставить таблицу туда, где ей по логике вещей быть не положено.
Пишите текст в div, ставьте ему неповторяющийся бэкграунд справа и паддинг шириной в картинку.
Зачем всё так усложнять?

Напутсвующий примерчик можно ?

[yanagee]

<style>
****#block {
 *****width: 150px;
 *}
****#block .item {
 *****border: 1px dotted #888; 
 *****background-image: url("arrow.gif"); 
 *****background-position: right center; 
 *****background-repeat: no-repeat; 
 *****padding-right:10px; 
 *****margin: 2px 0px; 
 *****clear:both;
 *****float: left; *****
 *}
</style>


<div id="block">

****
****
****
****
****

</div>

[Aykroyd]

background: url("arrow.gif") no-repeat right center;

[yanagee]

Aykroyd


misfit
А не, сорри...
В одном браузере всё-таки не совсем работает
Если у #block ширину менять, видно...

[Aykroyd]

нет нерешаемой раскладки... :read:

[yanagee]

Aykroyd

нет нерешаемой раскладки...

...находимся в процессе раздумья...
:closedeyes:

[Aykroyd]

Да просто постановка задачи –

Я перебрал в голове 1000 вариантов дизайна, где могла бы понадобиться такая конструкция – так и не нашел подходящей ситуации... Где это видано, чтобы блоки вот так по-разному обрезались по правому краю... Если это, например, каталог товаров – это ж будет смотреться просто отвратительно...

[yanagee]

Да, согласен.
Я еще когда просто на скрин посмотрел, подумал, это нафига надо

И всё же, интересно...

[Aykroyd]

Да элементарно! ))

Генерируем кучу случайных чисел в заданном диапазоне при помощи хотя бы JS и привязываем их к ширине этих флоатов... Такую мешанину можно наворожить – мама не горюй... И будет у каждого блока каждый раз разная ширина – загляденье... Во какой мудрый дизайнерский ход! ))

[yanagee]

Aykroyd

Ну это действительно


misfit

А и вправду, это Вам зачем?