✔ Text im Listenelement

[udo_the_man]

Guten Abend habe folgendes Problem und hoffe ihr könnt mir da weiterhelfen:

<ul><img src="test.gif" />
        <li><a href="#">Home</a></li>
        <li style="background-color:#999999"><a href="#">Articles</a></li>
        <li><a href="#">Scene News</a></li>
        <li style="background-color:#999999"><a href="#">Polls</a></li>
        <li><a href="#">Userlist</a></li>
        <li style="background-color:#999999"><a href="#">Forum</a></li>
</ul>

und jetzt möchte ich ganz oben also im ul tag was reinschreiben, das halt das bild test.gif als hintergrundpic hat aber irgendwie raff ichs nicht. ich habs auch schonmal im li tag reingeschrieben was zwar funktioniert aber das hintergrundpic wird dann so verzehrt und ist nicht wirklich schön.

p.s.falls ihr auf die schnell wisst wie ich mit css jeder zweiten zeile in der Liste eine andere Farbe zuweise wär ich euch auch dankbar für diesen tip ist aber eher zweitrangig.

thx und schönen abend noch

 

[Maik]

Lösungsvorschlag: verwende eine Definitionsliste anstelle der Aufzählungsliste.

dt {
background: url(test.gif);
}

dd.row2 {
background: #999999;
}

<dl>
   <dt>dummy text</dt>
       <dd><a href="#">Home</a></dd>
       <dd class="row2"><a href="#">Articles</a></dd>
       <dd><a href="#">Scene News</a></dd>
       <dd class="row2"><a href="#">Polls</a></dd>
       <dd><a href="#">Userlist</a></dd>
       <dd class="row2"><a href="#">Forum</a></dd>
</dl>