проблема картинки в теге H1(Firefox)

[alex1442]

Если вставить тег h1 так то все нормально:

 <h1><td><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></td></h1>

а если так :

<td><h1><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></h1></td>

то появляется горизонтальная полоса в firefox

скрин:

Стиль для тега H1 -

h1 { font-size:11px; display:inline;}

Как можно это исправить

п.с в IE в обоих случях нормально отображается

сайт - wareznik.int.ru

[tt48]

Ты хоть бы сделал тестовую страницу - а так травишь сразу варезом.

Нарушение правил форума.

Использовать h1 - бред. поверх ячейки - тем более.

Появляется это дело потому как - он имеет свои отступы(margin-top\bottom 7,33px)

и Line-height;

Поверх ячейки оно работать и не будет, т.к. FF его не

учитывает в структуре документа - смотри в FireBug -

он его просто выкидывает в начало таблицы, хоть даже там ему не место.

[swetlana]

…

Стиль для тега H1 - … display:inline;

…

вот поэтому.

[alex1442]

display:inline;

без этого полоса вообще 1 см

он [h1?] имеет свои отступы(margin-top\bottom 7,33px)

как можно уменьшить отступы для H1, в ИЕ и Опере отступы равны 0,

а вот с FF эта полосочка

[tt48]

зачем там вообще h1 стоит? текста нет..

например убрать это можно так

<h1 style='margin:0;'>

[swetlana]

без этого полоса вообще 1 см

у…

да вам самые основы css надо учить.

О стилях по умолчанию, об отступах.

[alex1442]

зачем там вообще h1 стоит? текста нет..

сам не знаю, но логотипу яндекса он зачем то понадобился)

tt48 СПАСИБО!!!

[tt48]

В янде и правда есть... если убрать - ничего не изменится...по верстке...

может есть скрытый смысл...типа там сообщение инопланетянам.

Что не знаешь, лучше не юзать - много лишнего кода будет.

Удачи.

Edited March 6, 2011 by tt48