nicht angemeldet
Icon in <li></li> vor dem Link einbinden
Der DickiHallo,
ich habe die folgende Liste und die will ich als Navigation verwenden.
in der Zweiten Ebene muss ich vor jedem link einen kleinen Pfeil einbinden. Ich habe es versucht mit der folgenden eigenschaft
einzubinden abe rirgendwie funktioniert nicht.
#id ul li {
display:block;
background: #fff url(icon.gif) no-repeat;
width:98px;
}
Muss ich jetzt deswegwen das Gif extra im Code wie folgt codieren:
<li><img src="icon.gif" width="12" height="25" style="float: left;" /><a href="#">Link Link Link</a></li>
Vielen Dank und besten Gruß
Amin
-
Hallo Amin.
Hallo,
ich habe die folgende Liste und die will ich als Navigation verwenden.
in der Zweiten Ebene muss ich vor jedem link einen kleinen Pfeil einbinden.Muss der Pfeil ebenfalls verlinkt sein?
Möglichkeit 1: list-style-image
Möglichkeit 2: background-image und padding-left
Möglichkeit 3: Unicode
Es gibt sicher noch mehr Möglichkeiten.
Einen schönen Donnerstag noch.
Gruß, Ashura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
Meine Browser: Opera 8.01 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
Hallihallo!
Muss der Pfeil ebenfalls verlinkt sein?
Möglichkeit 1: list-style-image
Möglichkeit 2: background-image und padding-left
Möglichkeit 3: Unicode
Wobei anzumerken ist, daß außer im IE alle 3 Varianten das Bild "klickbar" machen, wegen "display: block;"
Viele liebe Grüße,
Der Dicki
-