HTML // CSS Menu Liste erstellen aber wie?!

Html teil zum Beispiel

<div id="menu">
    <a href="#"> Beispiel1 </a>
</div>

Der css teil

#menu {
padding-left:10px; /* 10px zum Beispiel */
/* USW */
}

Hoffe hat dir geholfen

ein mainmenu wird normal mit einer Liste gemacht um das beispiel von [SponsEu] Black anzupassen:

Für 3 Menupunkte

<div id ="menu" >
	<ul>
		<li><a href="#"> Beispiel1 </a></li>
		<li><a href="#"> Beispiel1 </a></li>
		<li><a href="#"> Beispiel1 </a></li>
	</ul>
</div>

css code

#menu > ul > li {
   display: inline-block; 
}
#menu ul {
	list-style: none outside none;
}

#menu li {
    padding: ...;
}

kannst du den abstand von listitem einstellen.

Zitat von IPrototypeI

ein mainmenu wird normal mit einer Liste gemacht um das beispiel von [SponsEu] Black anzupassen:

Für 3 Menupunkte

Code

<div id ="menu" >
	<ul>
		<li><a href="/index.php?form=PostAdd&amp;threadID=199101#"> Beispiel1 </a></li>
		<li><a href="/index.php?form=PostAdd&amp;threadID=199101#"> Beispiel1 </a></li>
		<li><a href="/index.php?form=PostAdd&amp;threadID=199101#"> Beispiel1 </a></li>
	</ul>
</div>

css code

Code

#menu > ul > li {
   display: inline-block; 
}
#menu ul {
	list-style: none outside none;
}

Code

#menu li {
    padding: ...;
}

kannst du den abstand von listitem einstellen.

Alles anzeigen

Oder so die andere version ist für ein Anfänger finde ich leichter gewesen