Отступы вокруг изображений в Opera 9.23

DoS · January 25, 2008

Если в документе прописан доктайп, то в Opera 9.23 вокруг изображений появляются отступы в 2 пикселя.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Отступы...</title>
</head>
<body>
<img src="res/button011.jpg">

<img src="res/button021.jpg">

<img src="res/button031.jpg">

<img src="res/button041.jpg">

<img src="res/button051.jpg">
</body>	
</html>

margin:0, hspace="0", vspace="0" не помогает...

В Opera 9.21 и Firefox 2.0.0.6 - то же самое, в IE все нормально.

Раньше я никогда доктайп не использова, так что не знаю, может так и должно быть? Вот только доктайп мне нужен, а отступы сильно мешают, вся в?рстка разъезжается...

klierik · January 25, 2008

поместите код в соответствующие теги, пожалуйста

DoS · January 25, 2008

Прошу прощения, исправил.

На всякий случай пропустил через валидатор. Если в img добавить alt="" и заключить картинки в

, то проходит. Неужели так и должно быть?!

D.S.Denton · January 25, 2008

у картинок очень желательно прописывать width, height и alt

а также, может проблема отпадет и без использования дивов, если в стиль добавить строку img {margin:0; padding:0; border-width:0;}

?

DoS · January 25, 2008

Вс? это пробовал, никаких изменений.

После того, как заменил доктайп,

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

вс? встало на место. Только вот почему - оста?тся для меня загадкой.

guvatara · January 31, 2008

Вы когда нибудь думали о том какого размера у вас шрифт? Думаю вам в этом направлении нужно искать камень.

Говоря проще ставя строгий доктайп у картинки будут отступы ибо так положено доктайпом. Все претензии W3C

Vlad · February 1, 2008

Стоял строгий доктайп, а код ему не соответствовал, скорее всего из-за этого и возникали ненужные отступы.

DoS · February 10, 2008

В коде нет ничего кроме картинок. Как он может чему-нибудь не соответствовать? Проблема в том, что с таким доктайпом во многих браузерах _всегда_ возникают эти самые отступы, и я никак не могу их убрать.

rash · February 10, 2008

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

Нижний отступ при таком типе документа - явление совершенно нормальное. Либо задайте вертикальное выравнивание принудительно не baseline, а bottom.

Или, раз уж вы все равно после каждой картинки ставите разрыв строки, то попробуйте вместо этого задать для изображений стилевое правило display: block;

А код у вас действительно не соответствует строгому типу документа, поскольку строгий доктайп требует наличие атрибута alt, и также требует, чтобы изображение, как и обычный текст, не находилось непосредственно в body, оно должно быть заключено в тег "P", "H1", "H2", "H3", "H4", "H5", "H6", "DIV" или "ADDRESS" (об этом прямо говорит валидатор).

Sign In

Отступы вокруг изображений в Opera 9.23

Question

DoS

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

DoS

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

DoS

Link to comment

Share on other sites

guvatara

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

DoS

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information