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