Hag
Aktives Mitglied
Thread Starter
- Dabei seit
- 06.01.2004
- Beiträge
- 162
- Reaktionspunkte
- 0
Hallo zusammen, hab da ein kleines Problem. Ich möchte in CSS ein Menü erstellen aus einer Liste. Dies funktioniert auch anstandslos. Wenn ich aber nun Bullet Images für die Listeneinträge erstelle, funktioniert das inline Ellement nicht mehr.
Villeicht weis ja jemand nen Rat
mfg
Hag
Villeicht weis ja jemand nen Rat
mfg
Hag
Code:
<div id="mainnav">
<ul>
<li style="list-style-image:url(layout/bi_home.png)"><a href="#">Home</a></li>
<li style="list-style-image:url(layout/bi_vita.png)"><a href="#">Vita</a></li>
<li style="list-style-image:url(layout/bi_portdolio.png)"><a href="#">Portfolio</a></li>
<li style="list-style-image:url(layout/bi_kontakt.png)"><a href="#">Kontakt</a></li>
<li style="list-style-image:url(layout/bi_impressum.png)"><a href="#">Impressum</a></li>
</ul>
</div>
Code:
#mainnav li
{
display: inline;
padding: 0 40px;
}
#mainnav li a
{
text-decoration: none;
color: #5F9410;
}
#mainnav li a:hover
{
text-decoration: none;
color:#ff0000;
}