Verschiedene Schriften für <li> und <ul> ??

[Joachim]

Hallo Leute,

haltet mich nicht für blöd, aber ich schaffe es einfach nicht,
das Meine Liste bei den Hauptpunkten die Schriftgrösse 12px
hat, und bei den leicht eingerückten Unterpunkten nur 10px hat.

Also so:

- Hauptpunkt (12 px)
   - Unterpunkt1 (10 px)
   - Unterpunkt2 (10 px)
 -Weiterer Hauptpunkt (12 px)

und so weiter...

Habs per css mit <li> und <ul> versucht, es wird aber IMMER
das angezeigt, was im <li> steht....

Habt Ihr nen Tipp?

Viele Grüße

Jogi

[Gernot Back]

Hallo Joachim,

Habs per css mit <li> und <ul> versucht, es wird aber IMMER
das angezeigt, was im <li> steht....

Wie sieht denn das CSS aus, das du versucht hast?

Den Nachfahrensselektor kennst du aber?

  
li {  
   font-size:12px;  
}  
  
li li {  
   font-size:10px;  
}

Gruß Gernot

[Joachim]

Danke Gernot,

so komme ich weiter.

Vielen Dank

[Waberham]

Habs per css mit <li> und <ul> versucht, es wird aber IMMER
das angezeigt, was im <li> steht....

Was auch nur logisch ist, denn <ul> hat keinen (direkten) Textinhalt, den Du formatieren könntest. _Alles_ innerhalb von <ul> steht in <li>-Elementen.

[Auge]

Hallo

Hallo Leute,

haltet mich nicht für blöd, aber ich schaffe es einfach nicht,
das Meine Liste bei den Hauptpunkten die Schriftgrösse 12px
hat, und bei den leicht eingerückten Unterpunkten nur 10px hat.

Also so:

• Hauptpunkt (12 px)
     - Unterpunkt1 (10 px)
     - Unterpunkt2 (10 px)
  -Weiterer Hauptpunkt (12 px)

Habs per css mit <li> und <ul> versucht, es wird aber IMMER
das angezeigt, was im <li> steht....

Wie waberham schon schrieb, gehört jeglicher Inhalt inenrhalb einer Liste in die <li>-Elemente. Wenn du eine Struktur wie die obige abbilden willst, verschachtele Listen.

<ul>  
 <li>Hauptpunkt  
  <ul>  
   <li>Unterpunkt1</li>  
   <li>Unterpunkt2</li>  
  </ul>  
 </li>  
 <li>Weiterer Hauptpunkt</li>  
</ul>

Um die Listenpunkte unterschiedlich zu formatieren, bietet sich Gernots Vorschlag an.

Tschö, Auge