Opera img & hspace

[Tohin]

Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет....

HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого):

<div class="contacts">
<a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a>
<a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a>
<a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5"  align="left"/></a>
<a href="/index.php?id=63"><img src="pic/rus_cz.gif" width="38" height="9"  hspace="5" align="left" alt="Český" /></a></div>

Css

.contacts {
	position: absolute;
	width:156px;
	height:9 px;
	top:40px;
	right:0px;
	display: inline;
	white-space: nowrap;
}
.contacts a img {					/*тут пробовал и только "а" и маргин, результата нет*/
	padding-right: 5px;
	padding-left: 5px;
}

Валидацию xHTML 1.0 Transitional вроде прохожу без замечаний.

В фаерфоксе код еще не тестил. В хтмл переносы строки понаставил для удобочитаемости.

[Tohin]

После передышки помог дядя Гугль.

Ссылка на ресурс:

http://www.w3schools.com/TAGS/att_img_hspace.asp

Решение найдено:

В теге img пишем

style="margin:0px 50px"

работает

пытаюсь вкрутить в css, но не выходит.

пишу

div.contacts a img {

margin:0px 5px;

}

Превьюшка в дримвавере показывает правильно, а внешние браузеры фигу...

Edited March 1, 2009 by Tohin

[Vlad]

align="left" - этот параметр точно нужен?

[Tohin]

align="left" - этот параметр точно нужен?

Без него картинки вылезают за пределы дива... Но мысль интересная. Буду тестить.

UPD:

Я конечно идиот, а Влад видимо постеснялся мне о этом сказать. Все параметры перенесены в CSS проблема решена.

Edited March 12, 2009 by Tohin