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

Имеется таблица с двумя ячейками (таблица и ячейки - безразмерные, тоесть width - неуказан), в левой ячейке - динамически меняемый текс разной длины, в правой - стрелка. Смотреть собственно аттач. Так вот как только текст состоит их двух слов - второе слово перебегает на другую сроку (а это и хорошо - no-wrap нам не нужен) и получается так огромный отступ справа, стрелка визуально убегает далеко далеко [Only registered and activated users can see links. Click Here To Register...] Что это за эффект и как от него избавиться ? [Only registered and activated users can see links. Click Here To Register...]

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

Цитата:

---

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

---

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

Цитата:

---

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

---

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

Цитата:

---

Originally posted by yanagee@Jun 8 2007, 20:29
В таком случае советую вообще не ставить таблицу туда, где ей по логике вещей быть не положено.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

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

---

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

Код:

---

<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>

---

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

[Only registered and activated users can see links. Click Here To Register...]

Aykroyd
[Only registered and activated users can see links. Click Here To Register...]

misfit
А не, сорри...
В одном браузере всё-таки не совсем работает [Only registered and activated users can see links. Click Here To Register...]
Если у #block ширину менять, видно...

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

Aykroyd

Цитата:

---

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

---

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

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

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

Да, согласен.
Я еще когда просто на скрин посмотрел, подумал, это нафига надо [Only registered and activated users can see links. Click Here To Register...]

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

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

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

Aykroyd

Ну это действительно :suicide2:
[Only registered and activated users can see links. Click Here To Register...]

misfit

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