menu zbudowane na IMG Opcje

[misiek172]

Witam.

Po dlugim przeklinaniu na IE w wersji 7, zdecydowalem sie tu napisac.

Mam menu:

[HTML] pobierz, plaintext 
<div id="menu">
			<img src="images/menu/menu_01.png" />
			<img src="images/menu/menu_02.png" />
			<img src="images/menu/menu_03.png" />
			<img src="images/menu/menu_04.png" />
			<img src="images/menu/menu_05.png" />
			<img src="images/menu/menu_06.png" />
			<img src="images/menu/menu_07.png" />
			<img src="images/menu/menu_08.png" />
			<img src="images/menu/menu_09.png" />
			<img src="images/menu/menu_10.png" />
			<img src="images/menu/menu_11.png" />
		</div>
[HTML] pobierz, plaintext 

i chcialem aby obrazki przylegaly do siebie, wszystko ladnie pod FF ale oczywiscie IE musi robic z nie wiadomych przyczyn problemy,
margin-right: 0px dziala pod FF, ale pod IE7 juz nie, margin-right: 1px; dziala pod obydwoma, CO JEST?

CSS:

[HTML] pobierz, plaintext 
#menu
{
	width: 767px;
	height: 50px;
}
#menu img
{
	border: 1px solid black;
	margin-right: none;
	float: left;
	font-size: 0px;
	height: auto;
	width: auto;
}
[HTML] pobierz, plaintext 

[vokiel]

może to ten problem: doubled-margin

[koderrr]

zamiast div menu

zastosuj ul id menu

i obrazki wstaw w znaczniki <li>

[.radex]

swoją drogą menu zbudowane na <img>ach to kiepski pomysł.

Semantyka....

No chyba, że dodasz alt="" do <img> lub title="" do <a>