Susanne07: geht das? ol li nur die numerierung mit css gestalten

Hallo,

ich möchte für meine Liste erreichen, dass nur die Aufzählung "fett" dargestellt wird. Ich habe es folgendermaßen probiert:

STYLE:
#inhalt ol li   {
line-height: 1em;
list-style-type: decimal;
margin: 1em 0 1em 40px
}
* html li:first-letter {font-weight: bold}
/STYLE

DIE LISTE
<ol>
<li>E. Wicke und P. Hugo<br>
Gleitungserscheinungen bei der Gasdidffusion<br>
Z. physik. Chem., N.F. <span class="fett">28</span> (1961) S.401 - 421
/ol>

Als Ergebnis werden im IE7 die die Zahl und der 1. Buchstabe ausgezeichnet, in Firefox und Netscape passiert gar nichts.

Weiß da vielleicht jemand einen Rat?

Gruß, Susanne

  1. Hallo,

    * html li:first-letter {font-weight: bold}
    Als Ergebnis werden im IE7 die die Zahl und der 1. Buchstabe ausgezeichnet, in Firefox und Netscape passiert gar nichts.

    Irgendwie logisch... weil * html ein IE spezifischer Hack ist - und gute Browser diesen unsinnigen Selektor ignorieren.

    Grüße,
    Willi

  2. Hallo Susanne07,

    ich möchte für meine Liste erreichen, dass nur die Aufzählung "fett" dargestellt wird. Ich habe es folgendermaßen probiert:

    Weiß da vielleicht jemand einen Rat?

    schachtele doch jeweils einfach noch ein SPAN-Element in deine LI-Elemente, die du dann mit CSS unterschiedlich gestalten kannst.

    Mit
    ol li { font-weight:bold; } stylst du deine Nummerierungen und abweichend davon mit
    ol li span { font-weight:normal; } deinen Text dahinter.

    Ich hatte da vor anderthalb Jahren schon einmal eine Lösung für UL-Elemente gepostet: Dumdum Bullets

    Was mit Ul-Elementen geht, nuss auch mit OL-Elementen gehen.

    Gruß Gernot

    1. Hallo Gernot,

      das ist ja supereinfach! Vielen Dank, da fällt mir ein Stein vom Herzen.

      Schönene Sonntag noch.

      Gruß Susanne