Если в странице есть валидный DOCTYPE, то фаерфокс подчеркивает картинку, находящуюся в ссылке. Например <a href="ля ля ля"><img src="жу жу жу" />бла бла бла</a> - в этом случае будет подчеркнуты и текст и картинка. Можно ли это побороть, не отрывая у ссылки text-decoration?
Если это для менюшки, то может лучше грузить картинку через background-image? Или текст ссылки отдельно в span с underline пихать (а у ссылки text-decoration таки отрывать). Или нечто подобное display: block; float: left у img, но это Костыль™. А не-костыльного решения вроде и нет.
О, ещё такая идея: Код (Text): <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Boo!</title> <style type="text/css" media="screen"> a { margin-left: 110px; } a img { margin-left: -110px; border: none; } </style> </head> <body> <p><a href="/ля ля ля"><img src="http://www.wasm.ru/pic/header.gif" alt="foo">бла бла бла</a></p> </body> </html> Но тоже костыль, плюс неведомо как работает в других браузерах.
iZzz32 Через background-image не будет работать hover. Вот именно. Хочется чтобы везде было одинакого.
Great Зря ты так. Сегодня, когда в ходу стопитсот разных броузеров, сделать сайт, который выглядел бы везде одинаково - та еще трава.
_DEN_ А вы просто создавайте сай для браузеров, которые с полной мере поддерживают HTML. Другими словами, нужно руководствоваться стандартом HTML, а не какими-то там браузерами.
например вот такой вариант: FF 3.5 + HTML 4.01 Transitional Код (Text): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <a href="#"><img src="test.jpg" style="border: none; margin-right: 8px;">бла бла</a> </body> </html> другие браузеры аналогично отображают. Decoration только у текста.
keYMax Да, видимо все же XHTML. Код (Text): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <body> <div style="vertical-align: middle;"> <a href="http://www.yandex.ru/"><img src="http://img.yandex.net/i/logo95x37x8.png" /><span>Яшка</span></a> </div> </body> </html>
Насколько знаю все доктайп со словом Strict это очень четкое следование стандарту. Буквально педантичное. Нафик нафик... всегда от такого отказывался и проблем не имел. Есть XHTML transitional там подчеркивания также нет. Может будет кому интересно почитать. Strict vs Transitional
