Aus einem Problem zwei gemacht

[Detlef G.]

Hallo Tom

Über die gesamte Breite der Liste.

Nur die Textinhalte der ersten Ebene Fett. Das habe ich ja bisher mit einer Klasse erreicht, wäre aber schön, es nur mit Vorgänger-/Nachfolger-Definitionen einzustellen.

Versuch es doch mal mit dem CSS statt deinem, das sollte deinem Wunsch doch nahekommen, dann kannst du auch gleich die ganzen Klassen entsorgen.

body {  
  font-family:century gothic, tahoma, arial,sans-serif;  
}  
  
div {  
  display:table; /* Inhaltsbreite  (zumindest in Gecko) */  
}  
  
ul, li {  
  display:block;  
  margin:0;  
  padding:0;  
  list-style:none;  
  background-color:#fff;  
}  
  
li {  
  margin: 4px 0 0 2em;  
  white-space:nowrap;  
  font-weight: bold;  
  background-color:#cce;  
}  
  
li li {  
  font-weight: normal;  
  background-color:#dde;  
}  
  
 * html div, * html ul {  
  height:1%;  /* notwendiges hasLayout für IE 6 */  
}  

Vor jedem Element der ersten Ebene ein größerer Abstand

Das ist bei deinem etwas unlogischem Listenaufbau nicht so einfach.

    <ul>  
        <li>1-1  x-teGülXküzd~iOi4QMV4 7ÄäU3P&amp;L33-5sZ</li>  
        <li>  
            <ul>  
                <li>2-2  bMl.3-Tcqx6f r.s.zV!HbFrfsZ</li>  
                <li>3-2  ZTsA_piYI+c Vi&amp;xXcUG!ßmf</li>  

Warum steckt die zweite Ebene (<ul>) in einem separaten <li>-Element. Müssten diese nicht eher als Folge bzw. Unterpunkte der Elemente der ersten Ebene betrachtet werden.

    <ul>  
        <li>1-1  x-teGülXküzd~iOi4QMV4 7ÄäU3P&amp;L33-5sZ  
            <ul>  
                <li>2-2  bMl.3-Tcqx6f r.s.zV!HbFrfsZ</li>  
                <li>3-2  ZTsA_piYI+c Vi&amp;xXcUG!ßmf</li>  

Dann könnte den <li>-Elementen ein zusätzlicher Abstand gegeben werden, der dann für nachfolgenden wieder aufgehoben wird.

Soll es nur in bestimmten Browsern funktionieren, oder in möglichst vielen?

In allen, die W3-konform arbeiten

Ich habe das nur in FF2, FF3 und IE6 getestet.

Auf Wiederlesen
Detlef