Seite 1 von 1
Einrückung bei <ul>
Verfasst: 28.01.2006, 10:35
von 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).
Verfasst:
von
Hochwertiger Linkaufbau bei ABAKUS:
- Google-konformer Linkaufbau
- nachhaltiges Ranking
- Linkbuilding Angebote zu fairen Preisen
- internationale Backlinks
Wir bieten
Beratung und
Umsetzung.
Jetzt anfragen:
0511 / 300325-0
Einrückung bei <ul>
Verfasst: 28.01.2006, 10:40
von 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
Einrückung bei <ul>
Verfasst: 28.01.2006, 10:41
von 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
Einrückung bei <ul>
Verfasst: 28.01.2006, 11:26
von 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?
Re: Einrückung bei <ul>
Verfasst: 28.01.2006, 11:43
von MonikaTS
mcchaos hat geschrieben: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
