eai, лишние пиксели Вы видите по той причине, что по стандартам того доктайпа, который Вы юзаете, картинка считается строковым элементом, а к строковым элементам относится текст. Так вот в тексте есть понятие базовой линии. Базовая линия - это нижняя точка текста. Так вот в тексте есть буквы, которые располагаются чуть ниже базовой линии, к этим буквам относятся - у, щ, ц. Видите, что объединяет эти буквы? У них есть хвостик, который опущен ниже остальных букв. Так вот к чему я это все. Поскольку браузер считает картинку строковым элементом(текстом), то он специально выделяет для текста(а в Вашем случае картинки) 2 пикселя для хвостиков. Надеюсь, что понятно разъяснил. В общем, чтобы не было этих 2 пикселей, используйте следующие css свойства:
img
{
display:inline-block;
}
(Добавление)
Цитата:Любопытно что переходный прокатывает
Поясню и этот момент. Поскольку переходный доктайп по сути дает браузерам интерпретировать css свойства, как ему угодно, то скорее всего Вам просто повезло, что браузеры по-умолчанию присваивали картинкам указанное мною выше css свойство. Вы можете проверить это через firebug.
(Добавление)
Цитата:И ваще стандарт почитал типа не рекомендутеся всякие аттрибуты пользовать а стилями усе
То, что вы используете атрибуты никак не влияет на конечный результат. Стандарт рекомендует использовать стили не потому, что они работают безглюченно, а атрибуты глючат, а для того, чтобы отделить структуру от оформления.
|