Verschachtelte Aufzälhlung

philipp · 6 August 2007

Hi

Ich habe ein kleineres Problem mit einer Aufzählung.

Die sieht so aus:

HTML:

<ul>
 <li>1</li>
 <li>2</li>
 <li><ul>
  <li>2.1</li>
 </ul></li>
</ul>

Jetzt habe ich das Problem, dass das erste Element, der unteren Aufzählung auch noch ein Bullet der oberen Aufzählung bekommt. Das ist zwar logisch, aber nicht gewollt... Wie mache ich das so, dass in der Aufzählungspunkt, der das <ul> beinhaltet kein Bullet bekommt, bzw. dass dieser vom unteren Aufzählungspunkt überschrieben wird.

der relevante css-teil:

HTML:

ul {
	list-style-image:url('../img/ulli.gif');
	}
	
ul ul {
	list-style-type:square;
	list-style-image:none;
	}

nichtsgeht · 6 August 2007

Wenn ich das richtig verstehe meinst du das so:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]"> 
<html> 
<head>
  <title>Probe</title>
  <style type="text/css">
    ul {
      list-style-image:url('ordner.gif');
    }
 
    ul ul {
      list-style-type:square;
      list-style-image:none;
    }  
</style> 
</head>
<body>
  <ul> 
  <li>1</li>
  <li>2</li>
  <li style="list-style-image:none; list-style-type:none;"> 
    <ul>
    <li>2.1</li>
    </ul>
  </li>
  </ul>
</body>
</html>

Verschachtelte Aufzälhlung

philipp

Neues Mitglied

nichtsgeht

Neues Mitglied

Neueste Beiträge