Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: Nickolaz от 07 Декабря 2006, 16:15:45

Название: высота ячеек
Отправлено: Nickolaz от 07 Декабря 2006, 16:15:45

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

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

(http://sodeks.ru/images/pict.gif)

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

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

Название: высота ячеек
Отправлено: CGVictor от 07 Декабря 2006, 18:04:30

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

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

Название: высота ячеек
Отправлено: Nickolaz от 07 Декабря 2006, 18:26:00

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 от 07 Декабря 2006, 18:31:22

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

Название: высота ячеек
Отправлено: for_i_0 от 08 Декабря 2006, 12:40:53

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

Название: высота ячеек
Отправлено: for_i_0 от 08 Декабря 2006, 12:53:16

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

Новсти

Новсти

Название: высота ячеек
Отправлено: Nickolaz от 08 Декабря 2006, 15:57:28

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

А по поводу отдельной ячейки - уже написано достаточно много кода, исправлять уже нет сил. Если есть любая возможность избежать отдельной - буду беспредельно благодарен!
(http://sodeks.ru/images/pict2.jpg)
На картинке я добавил еще и результат выделения последнего вашего кода. Не пойму - как избавиться от отступов сверху и снизу у текста - ведь именно в нем дело, насколько я понимаю...

Название: высота ячеек
Отправлено: Nickolaz от 08 Декабря 2006, 16:03:10

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

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

Название: высота ячеек
Отправлено: Nickolaz от 08 Декабря 2006, 16:07:38

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

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

 

Новсти

 
 

Новсти

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

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

Название: высота ячеек
Отправлено: for_i_0 от 09 Декабря 2006, 13:27:13

Nickolaz