Einrückung bei <ul>

[mcchaos]

Hallo! Konnte bei css4you nix finden: Wie kann ich denn bestimmten, wie weit die <li>-Elemente in einer <ul>-Liste eingerückt werden?

Ich konnte zwar die Elemente mit:
<li style="margin-left:20px;">
20 Punkte MEHR einrücken, und mit
<li style="margin-left:-20px;">
die Elemente 20 Punkte weniger einrücken. Das sagt mir aber nicht, wie groß die <ul>-Einrückung ursprünglich war (nicht, dass ich bei einem Browser mit einem negativen Wert hier links über den Rand hinausschließe).

[MonikaTS]

Du kannst doch den Margin Wert des ul bestimmten:
Angaben für ein externes CSS:
ul{
margin:0;
padding:0;
}

setzt für dieses ul alles auf 0,

ist diese ul unter einer id kannst Du ja nachsehen, ob diese id margin Werte hat, die vererbt werden könnten,

und das ul direkt ansprechen

sagen wir die id heißt "oben"

#oben ul{margin:0;...

lg

[MonikaTS]

Du kannst doch den Margin Wert des ul bestimmten:
Angaben für ein externes CSS:
ul{
margin:0;
padding:0;
}

setzt für dieses ul alles auf 0,

ist diese ul unter einer id kannst Du ja nachsehen, ob diese id margin Werte hat, die vererbt werden könnten,

und das ul direkt ansprechen

sagen wir die id heißt "oben"

#oben ul{margin:0;...

dann ersparst Du Dir die negativen Marginwerte,



lg

[mcchaos]

Hi einfach und danke für Deine Antwort.

Ich habe nun gesetzt:
margin:0px;padding-left:20px;

Damit fangen bei mir die Punkte der Aufzählung genau Linksbündig an, so wie ich es haben möchte.

Das Problem: Die 20px sind nur "geraten". Setze ich padding-left auf 0, dann verschwindet der Punkt in der Aufzählung, weil er zuweit "links" liegt. Wie erfahre ich nun, ob die 20px auf allen Browsern der richtige Wert ist?

[MonikaTS]

Hi einfach und danke für Deine Antwort.

Ich habe nun gesetzt:
margin:0px;padding-left:20px;

Damit fangen bei mir die Punkte der Aufzählung genau Linksbündig an, so wie ich es haben möchte.

Das Problem: Die 20px sind nur "geraten". Setze ich padding-left auf 0, dann verschwindet der Punkt in der Aufzählung, weil er zuweit "links" liegt. Wie erfahre ich nun, ob die 20px auf allen Browsern der richtige Wert ist?

in allen Browser ansehen

oder
mit der Angabe:
list-style-position:inside;

Die erste Zeile wird soweit eingrückt, dass das Aufzählungszeichen und der Listeneintrag Linksbündig abschließen.

damit bist Du halbwegs auf der sicheren Seite
denn verrückt Dir ein Browser die paddings, weil er wie so manches browsende Betriebssystem margin und paddings anders behandelt als andere, dann ist sowieso meist das ganze Layout *leicht* verrückt


wenn Du allerdings padding brauchst, damit wieder was sichtbar wird,
ist sowieso irgendwas zuweit links ...
außer es geht um ein Bild


lg