Listen Formatieren mit CSS

Unsortierte Liste

<ul>		
	<li>Lorem</li>	
	<li>Ipsum</li>	
	<li>Dolor</li>	
	<li>Sit Amet</li>	
</ul>

Vorschau

Mit CSS vertikal anordnen

ul {
	padding: 0px;
}
		
li {
	list-style-type: none;
	display: inline;
}

Vorschau

Vertikale CSS Dropdown-Navigation

#navi {	margin: 0px; padding: 0px; list-style-type: none; float: left; font-family: arial; }
#navi li { float: left; position: relative; }
#navi a { display: block; padding: 6px 20px; color: #fff; background: gray; text-decoration: none; }
#navi a:hover {	color: #fff; background: #6b0c36; text-decoration: underline; }
#navi ul { background: #fff; list-style-type: none; position: absolute; display: none; padding: 0px; }
#navi ul li { float: none; }
#navi ul a { white-space: nowrap; }
#navi li:hover ul {	display: block; }
#navi li:hover a { background: gray; text-decoration: underline; }
#navi li:hover ul a { text-decoration: none; }
#navi li:hover ul li a:hover { background: #333; }

Vorschau