verschachtelte listen links ausrichten

[Paul]

hallo zusammen,

kann mir jemand helfen?
ich möchte eine liste in dieser art:

<ul>
<li>...
    <ul>
    <li>...</li>
    <li>...</li>
    </ul>
</li>
</ul>

mittels css so gestalten, dass die liste komplett linksbündig, also ohne einrückungen angezeigt wird. die bullets hab ich ausgeblendet, beim ersten <li>- element gelingt es mir auch mittels

margin-left: 0px; padding-left:0px;

, in der verschachtelten ebene klappts aber nicht, die listenelemente rücken immer rechts ein.

gibts da ne möglichkeit?

[Gunnar Bittersmann]

Hello out there!

margin-left: 0px; padding-left:0px;

Für welche(n) Elementtypen hast du das angegeben? Nicht nur 'li' besitzt diese Eigenschaften, sondern auch 'ul'.

See ya up the road,
Gunnar

[Paul]

margin-left: 0px; padding-left:0px;

Für welche(n) Elementtypen hast du das angegeben? Nicht nur 'li' besitzt diese Eigenschaften, sondern auch 'ul'.

hi gunnar,

ich habe deinen tipp nicht ignoriert, aber irgendwie funktionierts nicht.
der code ist ja nicht gerade kompliziert, ich glaube nicht, dass ich da was falsch mach, oder?

also im css-bereich steht entweder

  
li li {  
   margin-left: 0px; padding-left: 0px;  
}  

oder auch nur

  
li {  
   margin-left: 0px; padding-left: 0px;  
}  

oder

  
ul {  
   margin-left: 0px; padding-left: 0px;  
}  

leider ändert sich (im firefox 1.5.09) nichts an der einrückung. bei dir etwa schon? du hast geschrieben, du weisst, dass es geht- also lass ich nicht locker;-)

p

[wahsaga]

hi,

also im css-bereich steht entweder
[...]
oder auch nur
[...]
oder

Das oder dürfte das Problem sein.

gruß,
wahsaga

[Paul]

Das oder dürfte das Problem sein.

:-) selten ist mir so ein doofes oder untergekommen...

  
  
li{margin-left:0px;padding-left:0px;}  
ul{margin-left:0px;padding-left:0px;}  
li li {margin-left:5px;padding-left:5px;}  
  

so funktionierts!

danke euch

[Gunnar Bittersmann]

Hello out there!

li {
   margin-left: 0px; padding-left: 0px;
}

oder

ul {
   margin-left: 0px; padding-left: 0px;
}

Warum „oder“? Wie wäre’s mit „und“?

See ya up the road,
Gunnar

[Marcus]

, in der verschachtelten ebene klappts aber nicht, die listenelemente rücken immer rechts ein.

gibts da ne möglichkeit?

Versuche es doch mal mit left -15px, oder margin-left: -15px oder ähnlichen Werten.

<ul style="left: -15px">
oder
<li style="left: -15px">
oder
<ul style="margin-left: -15px">
oder
<li style="margin-left: -15px">

experimentiere da ein wenig. Ich hatte da in anderen Fällen schon erfolg damit. - Viel Erfolg.

[Felix Riesterer]

Lieber Marcus,

<ul style="left: -15px">
oder
<li style="left: -15px">
oder
<ul style="margin-left: -15px">
oder
<li style="margin-left: -15px">

bitte empfiehl hier keine Inline-Styles, da dieses Vorgehen dem OP weniger dienlich, und sowieso immer nur für Notlösungen eine letzte Option ist! Ein Hinweis auf den Nachfahren-Selektor wäre hier eindeutig besser gewesen...

li ul {  
    margin: 0;  
    padding: 0;  
}  
  
li li {  
    margin: 0;  
    padding: 0;  
}

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Paul]

li ul {
    margin: 0;
    padding: 0;
}

li li {
    margin: 0;
    padding: 0;
}

hab ich probiert:
li li {
margin:0;}

funktioniert im ie, firefox ignoriert alle diesbez. angaben (auch bei ul)

aber ich glaube, dass es irgendwie geht, da ich solche (css) menues ohne einrückung auch im ff schon mal gesehen habe. noch irgendwelche vorschläge?

[Gunnar Bittersmann]

Hello out there!

aber ich glaube, dass es irgendwie geht

Ich glaube das nicht. Ich weiß es.

noch irgendwelche vorschläge?

Nein. Nicht noch einmal.

See ya up the road,
Gunnar

[Felix Riesterer]

Lieber Paul,

funktioniert im ie, firefox ignoriert alle diesbez. angaben (auch bei ul)

dann liegt Dein Problem anderswo. Wenn es im IE "funzt", dann heißt das leider nopch garnichts. Wenn der FF spurt, dann hast Du's richtig gemacht.

noch irgendwelche vorschläge?

Nö. Aber ein Link zu einer Beispielseite von Dir wäre jetzt der richtige nächste Schritt.

Liebe Grüße aus Ellwangen,

Felix Riesterer.