deluxeondecks
Mitglied
Hallo Leute,
ich möchte ein Menü als Liste erstellen. Die Menüpunkte sind jedoch als Bild, da es eine besondere Schrift ist. Somit kann ich dem Listenelement bzw. Menüpunkt keinen Text geben, da er ja sonst das Bild überschreibt. Wenn man die CSS-Styles jedoch deaktiviert im Browser, sollen die Menüpunkte als Text dargestellt werden. Wie stell ich das am Besten an?
ich möchte ein Menü als Liste erstellen. Die Menüpunkte sind jedoch als Bild, da es eine besondere Schrift ist. Somit kann ich dem Listenelement bzw. Menüpunkt keinen Text geben, da er ja sonst das Bild überschreibt. Wenn man die CSS-Styles jedoch deaktiviert im Browser, sollen die Menüpunkte als Text dargestellt werden. Wie stell ich das am Besten an?
HTML:
<ul>
<li id="sprite-b_a" class="container"><a href="#"></a></li>
<li id="sprite-b_b" class="container"><a href="#"></a></li>
</ul>
Code:
.container {
background: url("images/buttons/menuStripes.jpg") no-repeat top left;
}
#sprite-b_a{ background-position: 0 0; width: 130px; height: 30px; }
#sprite-b_b{ background-position: 0 -32px; width: 130px; height: 30px; }