высота ячеек

[Nickolaz]

Простая вещь - никак не могу понять, что не так...

Рисую дерево каталогов. Есть картинки 16*14. Допустим, там точки вертикально.
Как бы я ни старался - не могу сделать так, чтобы эти точки образовывали неразрывную высокую вертикальную линию.
Т.е.:
| текст
| текст
| текст



пробовал через таблицы, но как только заносится текст, высота ячейки расширяется. Это странно, потому что места в принципе для текста по высоте хватает и почему-то появляется отступ от верхней границы ячейки, хотя все padding & margin для нее отключены.
Пробовал через div-ы с overflow: hidden, но тогда половина текста обрезается.

Простейшая задача, а решить никак не могу

[CGVictor]

Nickolaz
Для таблиц:
css / borser-colllapse:collapse (или cellpadding/cellspacing)

Для всего:
line-height: 14px

[Nickolaz]

CGVictor
нет эффекта

Код: [Выделить]

.treeLine {border-collapse: collapse; border:0; padding:0px; margin:0px;}
.treeLine TR TD {height: 14px; padding: 0px; margin: 0px; font: normal 12px Tahoma; line-height: 14px;}
.treeLine TR {height: 14px; }

text

text

Примерно такой текст...

[Nickolaz]

в ячейке над текстом всё равно сохранился отступ
В чем может быть проблема?

[for_i_0]

Nickolaz
ИМХО стоит взять картинки в отдельную ячейку и указывать рисунок  фоном ячейки.

[for_i_0]

Nickolaz
А вот вариант без таблицы:


<div class="row" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif;">
<div style="width: 16px; float: left;"><img src="image/toc_leaf_whole.gif"></div>
<div style="">Новсти</div>
</div>

<div class="row" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif;">
<div style="width: 16px; float: left;"><img src="image/img_direct.gif"></div>
<div style="width: 16px; float: left;"><img src="image/toc_leaf_whole.gif"></div>
<div style="">Новсти</div>
</div>

[Nickolaz]

for_i_0
Спасибо за ответ, но у меня всё равно получилась разорванная линия...

А по поводу отдельной ячейки - уже написано достаточно много кода, исправлять уже нет сил. Если есть любая возможность избежать отдельной - буду беспредельно благодарен!

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

[Nickolaz]

for_i_0
неразрывная линия получилась всё-таки - уменьшил размер шрифта. Но если у вас вдруг есть свободная минутка - не могли бы вы ответить на вопрос по поводу отступов сверху и снизу от текста - откуда он берется и как его убрать.

Еще раз спасибо за ответ!

[Nickolaz]

В конце концов получился такой текст:

Код: [Выделить]

 

Новсти

 
 

Новсти

Но вопрос с отступами остался - иногда сталкивался с такой проблемой и никогда не видел решения

for_i_0 - окончательное спасибо на случай, если вы не найдете минуту на ответ по поводу отступов

[for_i_0]

Nickolaz

<style>
 .row {font-size: 12px; font-family: Tahoma, Helvetica, sans-serif; margin-bottom: -Npx;}