Style überschreiben

[Engin]

Hi Jan,

#main-content ul {
  list-style-type: square;
  list-style-image: url(http://www.mozdev.org/sharedimages/bullet.gif);
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
}
Die Eigenschaft padding-left: 0; hat zur Folge, dass auch verschachtelte Listen, egal welcher Tiefe, immer linksbündig angeordnet werden.

Wie hast du die einzelnen li definiert?

<ul>
<li>Ebene 1
  <ul style="padding-left: 30;"> (auch padding-left: 30 !important; probiert)
   <li>
   Ebene 2
   </li>
  </ul>
</li>
</ul>

Leider ohne Erfolg. Wieso drängelt sich der Style aus der zentralen Datei immer vor?

Du kannst auch ohne Klasse die tiefer liegenden <li>s ansprechen,

#main-content ul li ul li{

Das natürlich nur, wenn in diesem Fall #main-content ein <div> ist, das ein <ul> enthält.

Also ~~~html <div id="main-content">
<ul>
 <li>
  <ul>
   <li></li>
  </ul>
 </li>
</ul>
</div>

  
Da brauchst du nicht mal ne Klasse für.  
  
Grüße aus H im R,  
Engin  

-- 
[Von wegen "Geld wächst nicht auf Bäumen"!](http://nimmet.de/nimmet-dateien/GeldAufBaum)  
  
![](http://nimmet.de/nimmet-bilder/valigator.gif)[Der Valligator](http://old.atomic-eggs.com/old_forum/messages/237.html#a1)  
  
["Computer sagt Nein"](http://www.comedycentral.de/index.php/Video/Detail/vid/541168/playerMode/fullscreen)