Строгое ОТД

Вид для печати

16.06.2007, 14:09
Aykroyd

Известно, что несмотря на общую блочную модель раскладки элементов на странице, для представления табличных данных должны использоваться именно таблицы... )

Вопрос:

Почему при использовании строгого ОТД, например:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

при вставке в ячейку таблицы изображения, в FF и Opera у этой ячейки появляется непонятный нижний отступ в несколько пикселов? Убрать его не представляется возможным даже посредством вставки
после <img> (старый табличный "дедовский" метод)...
16.06.2007, 20:34
yanagee

Код:

line-height: 0px; font-size: 0px;
16.06.2007, 21:02
Aykroyd

Ооо, б**! Заработало... :crazy:
Спасибо. )

В принципе, одного line-height: 0px; оказалось достаточно...

Что же это за дрянь-то такая?
Почему при Transitional не проявляется?
16.06.2007, 21:13
yanagee

Цитата:

Спасибо. )

Пожалуйста [Only registered and activated users can see links. Click Here To Register...]

Цитата:

В принципе, одного line-height: 0px; оказалось достаточно...

Что-то мне подсказывает, что лучше всё-таки указать и размер шрифта..

В примере высота линии по умолчанию 19px.
Я её для наглядности сделал 20.

Код:

<style> ****div {line-height: 20px;} ****span {background-color: #ccc} </style> <div> ****My text ****My text **** </div>

Если приглядеться, то видно, что текст занимает только 14px.
Оставшиеся 5 и составляют весь этот отступ. Поизменяйте размер шрифта, изменится и отступ.
Логика такая: если бы там был текст...
16.06.2007, 21:30
Aykroyd

Цитата:

Логика такая: если бы там был текст...

Да это-то понятно. ) Непонятно почему при transitional не проявляется...

P.S. Следуя Вашей теории нашел еще одно решение: img {vertical-align: top;}... )
16.06.2007, 22:07
yanagee

Цитата:

Непонятно почему при transitional не проявляется...

пути господни... [Only registered and activated users can see links. Click Here To Register...] мне тоже...

Цитата:

img {vertical-align: top;}

Так vertical-align это ж выравниание содержимого блока [Only registered and activated users can see links. Click Here To Register...]
Да и работает для таблиц только (хотя, как-то и для img сработало [Only registered and activated users can see links. Click Here To Register...])
На самом деле достаточно указать любое значение align для img, или float - стилями [Only registered and activated users can see links. Click Here To Register...]
16.06.2007, 23:42
Aykroyd

Цитата:

Originally posted by yanagee@Jun 16 2007, 22:07
Так vertical-align это ж выравниание содержимого блока [Only registered and activated users can see links. Click Here To Register...]
Да и работает для таблиц только (хотя, как-то и для img сработало [Only registered and activated users can see links. Click Here To Register...])
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Совершенно верно. По идее. ) Но на самом деле я время от времени пользуюсь этим свойством для управления изображением в потоке текста...

Цитата:

Originally posted by yanagee@Jun 16 2007, 22:07
На самом деле достаточно указать любое значение align для img, или float - стилями [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Что, собственно говоря, одно и то же. У атрибута align и свойства float одинаковое изначальное предназначение. ) Конечно же, это тоже является вариантом решения, поскольку текст в данном случае тоже "подтягивается" вверх...