Listen Problem

[Hannes Winter]

Hallo,

ich habe die Navigationsleiste auf meiner Website als Liste definiert. Im Style-Sheet habe ich folg. Angaben drin:

li
{
 list-style: none;
 list-style-position: outside;
 font-size: 0.9em;
}

Dadurch habe ich a) den Listenpunkt beseitigt und b) ist die Liste nicht mehr eingerückt.

Wenn ich jedoch die Liste in <ul> Tags packe, wird die Liste wieder eingerückt. Hat jemand eine Idee, wie ich das verhindern kann?

Vielen Dank im voraus für alle Ratschläge.

Grüße
Hannes

[moe]

Hi

Damit gehts:

ul,li
{margin-left:0;
 padding-left:0;
 list-style: none;
 list-style-position: outside;
 font-size: 0.9em;
}

margin für IE und padding für firefox :)

mfg
moe

[Hannes Winter]

Hallo Moe,

vielen Dank, damit hat es funktioniert. :-)

Allerdings hat sich die Schrift trotz der gleich gebliebenen font-size Angabe etwas verkleinert. Sowohl beim IE, Netscape, Opera, als auch bei Firefox. Wenn ich die font-size Angabe jedoch von 0.9 auf 1em hoch setze, stimmt es wieder.

Hast du eine Erklärung für dieses Phenomän?

Grüße
Hannes

Hi

Damit gehts:

ul,li
{margin-left:0;
padding-left:0;
list-style: none;
list-style-position: outside;
font-size: 0.9em;
}

margin für IE und padding für firefox :)

mfg
moe

[moe]

Hi

Also bei mir isses gleich geblieben. Liegt aber vllt dran, dass ich die Deer Park Alpha nutz...

Vllt liegts dran, dass wir praktisch alles was ne Liste ausmacht, bis auf die breaks, raushaun.Aber sonst würd mir da spontan nix einfallen. Dan muss ich mich mal näher mit befassen :)

mfg
moe

[Detlef G.]

Hallo Hannes

Allerdings hat sich die Schrift trotz der gleich gebliebenen font-size Angabe etwas verkleinert. Sowohl beim IE, Netscape, Opera, als auch bei Firefox. Wenn ich die font-size Angabe jedoch von 0.9 auf 1em hoch setze, stimmt es wieder.

ul,li

Selektiert also ul und li

...
font-size: 0.9em;

Also 0.9em (90%) der Schriftgöße des Elternelements für ul.
Dann 0.9em (90%) der Schriftgöße des Elternelements (ul) für li.
Das ergibt 0.81em.

Auf Wiederlesen
Detlef

[moe]

cool, wusste garnet dass die "zusammengezählt" werden ...

Heisst wenn ich jetzt 0.95 eingeb (passt net ganz aber mehr Zahlen hinterm Komma werden net verarbeitet) passts wieder fast genau... oder?

mfg
moe

[Detlef G.]

Hallo moe,

Heisst wenn ich jetzt 0.95 eingeb (passt net ganz aber mehr Zahlen hinterm Komma werden net verarbeitet) passts wieder fast genau... oder?

Theoritsch ja, praktisch kannst du dir nie sicher sein, wie genau die
Browser die Werte berechnen, und wie sie diese runden.

Deshalb finde ich es nicht empfehlenswert, Schriftgrößenangaben für mehrere
Ebenen inneinandergeschachtelter Elemente zu definieren.

Das konkrete Beispiel würde bei mir etwa so aussehen:

  
ul,li {  
  margin-left:0;  
  padding-left:0;  
  list-style: none outside;  
}  
  
li {  
  font-size: 0.9em;  
}  

Auf Wiederlesen
Detlef

[Sven Rh.]

Γειά σου, Hannes!

ich habe die Navigationsleiste auf meiner Website als Liste definiert. Im Style-Sheet habe ich folg. Angaben drin:

li

{
list-style: none;

  
Du meinst sicher [list-style-type](http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type).  
  

>  ~~~css

list-style-position: outside;  

>  font-size: 0.9em;  
> }

Dadurch habe ich a) den Listenpunkt beseitigt und b) ist die Liste nicht mehr eingerückt.

Wenn ich jedoch die Liste in <ul> Tags packe, wird die Liste wieder eingerückt. Hat jemand eine Idee, wie ich das verhindern kann?

Ja, spiele ein wenig mit margin und padding des umgebenden Elements (<ul>) und der <li>s. BTW: In welchen Tags hattest du die Liste denn vorher gepackt?

Αντίο!
Sven aus Bonn