✔ aufklappbares menü

Status
Nicht offen für weitere Antworten.
desaster0505

desaster0505

Erfahrenes Mitglied
Hallo
Ich versuche grade ein aufklappbares Menü zu designen.

Aber zwei Dinge weiss ich nicht zu lösen:
-Menu2 rückt immer nach rechts wenn die Liste von Menü1 eingeblendet wird
-Die jeweiligen Untermenüs (UM) sollen zentriert erscheinen.

Wie kriege ich das hin?

HTML: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test_Menu</title>


<style type="text/css">	
	
	div {float:left;}
	
	ul li {list-style-type: none; }
	ul ul { display:none; }
	ul li:hover ul { display:block; list-style-type: none;}
	
</style>


</head>
<body>

	<div>
		<ul>
			<li>Menue_1
				<ul class="liste">
					<li>UM_1</li>
					<li>UM_2</li>	
				</ul>
			</li>
		</ul>
	</div>
	<div>	
		<ul> 
			<li>Menue_2
				<ul class="liste">
					<li>UM_1</li>
					<li>UM_2</li>	
				</ul>
			</li>
		</ul>
	</div>

</body>
</html>


Denke, dass das Einsteigerprobleme sind und ihr mir bestimmt weiterhelfen könnt
:)
 
Hi,

setz mal folgende Regelerweiterungen im Stylesheet ein:

Code: 
div {float:left;}

ul { margin:0; padding:0; }

ul li {list-style-type: none; }
ul ul { display:none; text-align:center; }
ul li:hover ul { display:block; list-style-type: none;}
 
Ah, Danke, das hat geklappt.

Aber ich sehe schon, dass ein Menü, so wie ich es will doch ewig dauern wird wenn ich es selbst mache.

Ich werde dann wohl nach ein paar Vorlagen suchen, die ich nur anpassen muss.

Trotzdem danke.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück