Sven Rautenberg: Icon in <li></li>

Beitrag lesen

Moin!

Ist es möglich vor in einer <li> ......</li> ein Icon z.B. Pfeil
per CSS einbinden.

Im Grunde schon.

Mit
<ul style="list-style-image: url(../img/arrow_straight.gif);">
   <li>Dummy Link</li>
</ul>

scheint nicht zu funkitonieren.

Das hängt vom Browser ab.

Eigentlich alle Browser sind in der Lage, das Bulletzeichen verschwinden zu lassen.

Die Bulletgrafik kann man dann als Hintergrundbild einbinden. Mit no-repeat und Positionierung sowie etwas padding kann man eigentlich recht problemlos grafische Bulletzeichen herstellen.

  • Sven Rautenberg