metagirl: Liste formatieren mit CSS

Hallo,

ich suche nach einer Möglichkeit, bei einer Ordered List mit "list-style-type: decimal" unter den Zahlen ein kleines Kästchen erscheinen zu lassen. Das Kästchen soll wie ein quadratischer Rahmen um die Zahl liegen. Es handelt sich dabei um ein Navigationsmenü für Bilder.

Es gibt ja die Möglichkeit, ein Hintergrundbild für Links in Listen zu definieren (sehr schön beschrieben u.a. in Jeffrey Zeldmans Buch "Designing with Web Standards"). Es scheint aber so zu sein, dass der Bereich unter den Zahlen immer undurchsichtig ist, so dass man hier keine Bilder hinterlegen kann.

Hat jemand schonmal so etwas gesehen, oder kann mir weiterhelfen?

Danke!

  1. Hallo, metagirl,

    ich suche nach einer Möglichkeit, bei einer Ordered List mit "list-style-type: decimal" unter den Zahlen ein kleines Kästchen erscheinen zu lassen. Das Kästchen soll wie ein quadratischer Rahmen um die Zahl liegen. Es handelt sich dabei um ein Navigationsmenü für Bilder.

    ich kann zu Deiner Variante mit "list-style-type: decimal" zwar nichts sagen, weil ich es nicht getestet habe und mir auch nicht so ganz klar ist, was Du eigentlich erreichen willst. Als Alternative würde ich aber vorschlagen, mit einer unnumerierten Liste zu arbeiten und jeweils mit "list-style-image" ein anderes Bullet-Bild zu definieren, das Du dann frei gestalten kannst ...

    Grüße,

    Sebastian