Картинки в ряд

[olgastaf]

Объясните, пожалуйста, в чем дело.

Нужно поставить несколько картинок в ряд, вплотную друг к другу, чтобы они сливались.

Ставлю margin: 0; padding: 0; border: 0; Но все равно получается зазор между ними.

В конце концов написала margin: 0 0 0 -6px. Тогда только слились в одну. Но как-то это неправильно все-таки, мне кажется.

[Victor Ananiev]

если IE6 то читаем про трехпиксельный баг, если где то еще - мистика)

[olgastaf]

если IE6 то читаем про трехпиксельный баг, если где то еще - мистика)

Точно мистика. В Опере верстаю

[Victor Ananiev]

тогда можна код?

[olgastaf]

тогда можна код?

Код такой вот.

<style type="text/css">
*{
margin: 0;
padding: 0;
border: 0;
}
 </style>

<img src="color.jpg" alt="" >
<img src="black.jpg" alt="" >
<img src="blu.jpg" alt="" >
<img src="green.jpg" alt="" >
<img src="grey.jpg" alt="" >

[s0rr0w]

<img src="color.jpg" alt="" ><img src="black.jpg" alt="" ><img src="blu.jpg" alt="" ><img src="green.jpg" alt="" ><img src="grey.jpg" alt="" >

[Vlad]

Никакой мистики, перенос строки считается за пробел.

[Victor Ananiev]

еще word-spacing:0; вроде бы) это что бы код не извращать)

Edited March 9, 2009 by Victor Ananiev

[olgastaf]

Ура! Получилось!

А как по вертикали убрать зазор? Тоже все в одну строчку писать?

[Victor Ananiev]

display:block

[Vlad]

добавь line-height: 1px к IMG или блоку, где рисунки расположены.