Aufzählungszeichen mit Bild [IE|M|O|G]

von: Werner Zenk

Sie können eine eigene Grafik als Bullet-Zeichen für
Aufzählungslisten bestimmen.

Demo:

Dieser Text dient nur zur Demo.
Dieser Text dient nur zur Demo.
Dieser Text dient nur zur Demo.

Demo:

Dieser Text dient nur zur Demo.
Dieser Text dient nur zur Demo.
Dieser Text dient nur zur Demo.

Quelltext:

<style type="text/css">
  li {
    list-style-image: url(bild.gif);
  }
</style>

</head>
<body>

<ul>
  <li> Dieser Text dient nur zur Demo. </li>
  <li> Dieser Text dient nur zur Demo. </li>
  <li> Dieser Text dient nur zur Demo. </li>
</ul>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

luke: funktioniert bei mir lediglich auf'm explorer. CSS nervt bisweilen - dieses ewige nach sog. workrounds etc. suchen weil's halt nicht überall funktioniert ...bläht doch den Quelltext wieder auf - wir wollten es doch alle einmal einfacher haben Werner: Funktioniert auch auf dem Firefox und Opera-Browser. kevin: geht bei mir unter firefox als auch unter iexplorer
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

CSS Datei erstellen - Externe Seitenformatierung mit CSS (Separate CSS-Datei)

Übergangsfilter

Eingabefelder und Buttons formatieren - Mit CSS ist es auch möglich, ohne das man eine extra Klasse (class) definieren muss, Eingabefelder und Buttons zu formatieren.

Aufzählungslisten einfärben - Jedes zweite Listenelement bekommt eine andere Hintergrundfarbe.

Abstand von Text (oder Bilder) nebeneinander verändern

Zeilenhöhe verändern - Durch mehr Abstand erreichen Sie eine bessere Lesbarkeit des Inhalts oder erzielen damit Text-Effekte.

Textfeld mit variabler Breite

Fortschrittsbalken mit CSS zeichnen

CSS Hyperlink #37

CSS Befehlsübersicht

Kommentare bei CSS-Anweisungen …mehr