Показано с 1 по 7 из 7

Тема: Строгое ОТД

  1. #1

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Известно, что несмотря на общую блочную модель раскладки элементов на странице, для представления табличных данных должны использоваться именно таблицы... )

    Вопрос:

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

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    при вставке в ячейку таблицы изображения, в FF и Opera у этой ячейки появляется непонятный нижний отступ в несколько пикселов? Убрать его не представляется возможным даже посредством вставки
    после <img> (старый табличный "дедовский" метод)...

  2. #2

    Регистрация
    06.06.2007
    Сообщений
    104
    Код:
    line-height: 0px;
    font-size: 0px;

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Ооо, б**! Заработало...
    Спасибо. )

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

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

  4. #4

    Регистрация
    06.06.2007
    Сообщений
    104
    Спасибо. )
    Пожалуйста

    В принципе, одного line-height: 0px; оказалось достаточно...
    Что-то мне подсказывает, что лучше всё-таки указать и размер шрифта..

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

    Код:
    <style>
    ****div {line-height: 20px;}
    ****span {background-color: #ccc}
    </style>
    
    <div>
    
    ****My text
    
    ****My text
    ****
    
    </div>
    Если приглядеться, то видно, что текст занимает только 14px.
    Оставшиеся 5 и составляют весь этот отступ. Поизменяйте размер шрифта, изменится и отступ.
    Логика такая: если бы там был текст...

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Логика такая: если бы там был текст...
    Да это-то понятно. ) Непонятно почему при transitional не проявляется...

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

  6. #6

    Регистрация
    06.06.2007
    Сообщений
    104
    Непонятно почему при transitional не проявляется...
    пути господни... мне тоже...

    img {vertical-align: top;}
    Так vertical-align это ж выравниание содержимого блока
    Да и работает для таблиц только (хотя, как-то и для img сработало )
    На самом деле достаточно указать любое значение align для img, или float - стилями

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by yanagee@Jun 16 2007, 22:07
    Так vertical-align это ж выравниание содержимого блока
    Да и работает для таблиц только (хотя, как-то и для img сработало )
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Совершенно верно. По идее. ) Но на самом деле я время от времени пользуюсь этим свойством для управления изображением в потоке текста...

    Originally posted by yanagee@Jun 16 2007, 22:07
    На самом деле достаточно указать любое значение align для img, или float - стилями
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Что, собственно говоря, одно и то же. У атрибута align и свойства float одинаковое изначальное предназначение. ) Конечно же, это тоже является вариантом решения, поскольку текст в данном случае тоже "подтягивается" вверх...

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •