✔ li:hover

[Devil/hes]

Guten Morgen ,

Ich bin gerade dabei zu verzweifeln. Ich möchte ein neues Menü für eine Webseite bauen. Mit Jquery und dem ganzen gedöhns.... etwas verspielt alles.

Nunja für Leute mit dem IE6 hab ich nun aber das Problem das der IE6 ja keine Pseudoklassen beherscht und mein li:hover natürlich nicht funktioniert. Jetzt weiß ich das der IE6 den :hover nur für das <a> tag erlaubt. Bekomme damit aber mein menü nicht hin

Vielleicht kann mir da jemand helfen ?

	.accordion { list-style:none;margin:0; padding:0;}
	.head { height:40px; overflow:hidden;}
	.sektions1,.sektions2,.sektions3 {border-bottom:1px solid orange; width:300px; background-color:#faeeec;cursor:pointer; padding:0; margin:0; position:relative;}
	.sektions1 .head:hover ul { background-color:#00FFFF;display:block;}
        .sektions1 .head a:hover ul { background-color:#00FFFF;display:block;}
	.sektions2 .head:hover ul ,.sektions3 .head:hover ul  { background-color:#00FFFF;display:block;}
	.eins {margin:0; padding:0; list-style:none; position:absolute; right:-304px; top:0; display:none; border:2px solid orange;}

Vielen Dank im vorraus!

<ul class="accordion">	
	<li class="sektions1">
		<div class="head">
			<div>
				<div style="float:left;">
					<img src="haupt1" width="60" height="70" />
				</div>
				<div style="float:left;">
					<a href="www.gamestar.de">Getr&auml;nke</a>
						<ul class="eins">
							<li class="sektions1">
								<div class="head">
									<div style="float:left;">
										<img src="sub1.jpg" width="60" height="70" />
									</div>
									<div style="float:left;">
										Sub1
									</div>
									<div style="clear:both;">&nbsp;</div>
									<div> <br /><b>ab 9,99€</b></div>
								</div>
							</li>
							<li class="sektions1">
								<div class="head">
									<div style="float:left;">
										<img src="sub2.jpg.png" width="60" height="70" />
									</div>
									<div>
										Sub2
									</div>
									<div> <br /><b>ab 9,99€</b></div>
									<div style="clear:both;">&nbsp;</div>
								</li>	
						</ul>
				</div>
				<div style="clear:both;">&nbsp;</div>
				<div> <br /><b>ab 9,99€</b></div>
				
			</div>
		</div>

	</li>
	<li class="sektions2">
		<div class="head">
			<div style="float:left;">
				<img src="haupt2.png" width="60" height="70" />
			</div>
			<div style="float:left;">
				haupt3
			</div>
			<div style="clear:both;">&nbsp;</div>
			<div> <br /><b>ab 9,99€</b></div>
			<ul class="eins">
				<li style="width:300px;">
					erster punkt asdas dsa dasd asd asd asd asd asd asd asd a dad asd ads as dasdasdasdasdasd
				</li>
			</ul>
		</div>
	</li>	
</ul>

 

[Maik]

Hi,

schau dir hierzu Suckerfish Dropdowns an.

mfg Maik