Bulletbilder

[NeuHier]

Wie definiere ich in CSS(!) zu jeder Aufzählung einer Liste ein kleines Bullet Bild?
a) Mit verschiedenen Bildern?
b) Überall das selbe Bild??

Hilfe!!

[Der Martin]

Hallo,

Wie definiere ich in CSS(!) zu jeder Aufzählung einer Liste ein kleines Bullet Bild?

Wo(wie sonst, wenn nicht in CSS?
Indem du jedem li-Element ein Hintergrundbild zuordnest - sinnvollerweise "top left" ausgerichtet. Etwas padding für den Textinhalt bietet sich noch an.

a) Mit verschiedenen Bildern?

Behandle jedes li einzeln, eine ID für jedes li-Element bietet sich zur Selektion an.

b) Überall das selbe Bild??

Selektiere das ol/ul-Element per ID- oder Klassenselektor, und die darin befindlichen li-Elemente über den Nachfahrenselektor.

Ciao,
 Martin

[Gunnar Bittersmann]

@@NeuHier:

nuqneH

Wie definiere ich in CSS(!) zu jeder Aufzählung einer Liste ein kleines Bullet Bild?

Wie schlage ich das in http://de.selfhtml.org/@title=SELFHTML(!) nach? Click.

In http://de.selfhtml.org/css/@title=CSS(!). Click.

Unter http://de.selfhtml.org/css/eigenschaften/@title=Eigenschaften. Click.

http://de.selfhtml.org/css/eigenschaften/listen.htm@title=Listenformatierung(!). Click.

Oder aber als Hintergrundbild.

a) Mit verschiedenen Bildern?

Mit Pseudoklasse :nth-child. [CSS3-SELECTORS §6.6.5.2]

Im IE per CSS-Expression à la Zebrastreifen; hier müsste man nur einfach durchzählen, nicht modulo im Kreis.

b) Überall das selbe Bild??

Ohne Pseudoklasse :nth-child.

Qapla'

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

a) Mit verschiedenen Bildern?

Mit Pseudoklasse :nth-child. [CSS3-SELECTORS §6.6.5.2]

Oder mit der Pseudoklasse :first-child und Selektoren für benachbarte Elemente. [CSS2 §5.7]

Qapla'