hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
r a c
Beiträge: 955
29. Mär 2003, 15:28
Beitrag #1 von 5
Bewertung:
(758 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

listen, einrücken


Hallo,

ich möchte, dass eine Liste weniger nach rechts einrückt, als normal. Ich hab das mal so probiert:

li {
list-style-type : none;
margin-left : -30px;
}

Auf meinem Browser sieht es zwar gut aus. Aber es bleibt doch ein komisches Gefühl mit diesem negativen Margin-wert.

Kann ich problemlos negative Werte benutzen?
Gibt es noch andere Möglichkeiten?

Grüsse
r a c
(Dieser Beitrag wurde von r a c am 29. Mär 2003, 15:30 geändert)
Top
 
X
Würmli
Beiträge: 9
29. Mär 2003, 16:02
Beitrag #2 von 5
Beitrag ID: #29748
Bewertung:
(758 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

listen, einrücken


Ich habs einmal so probiert:

ul {list-style-position: outside; margin-left: 1.1em; list-style-type: disc}
ol {list-style-position: outside; margin-left: 1.5em }

Herzliche Grüsse
Carl
als Antwort auf: [#29745] Top
 
r a c
Beiträge: 955
29. Mär 2003, 18:30
Beitrag #3 von 5
Beitrag ID: #29755
Bewertung:
(758 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

listen, einrücken


Nein, damit wird es ja noch mehr eingerückt.

Das Problem ist, dass bei margin-left : 0px immer noch eine Einrückung besteht (so kam ich ja auf den negativen Wert).

Ich suche also wenig, oder gar keine Einrückung.
Und ich weiss nicht, ob margin überhaupt der richtige Ansatz ist
und ob ich problemlos (in Bezug auf verschiedene Browser) einen negativen Wert benutzen kann.


als Antwort auf: [#29745] Top
 
Würmli
Beiträge: 9
30. Mär 2003, 04:41
Beitrag #4 von 5
Beitrag ID: #29773
Bewertung:
(758 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

listen, einrücken


Probiers mal mit
ul { margin-left: 1em; padding-left: 0px; list-style-type: disc }
ol { margin-left: 1.4em; padding-left: 0px }
Muster auf http://www.augentagesklinik.com/neu/test.php
OK in IE 4+5 sowie Mozilla, aber nicht in Netscape 4 (Mac).
Gruss Carl
als Antwort auf: [#29745] Top
 
r a c
Beiträge: 955
30. Mär 2003, 14:23
Beitrag #5 von 5
Beitrag ID: #29793
Bewertung:
(758 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

listen, einrücken


Danke Würmli (auch für das Beispiel),

ich versuch es ganz konkret:
ich habe eine Liste_1
http://www.iaido-basel.ch/...hte/tanimura-ha.html
alles ganz normal.

Nach dem 11.Soke kommt es zu einer Spaltung und deshalb zu einer Liste_2
http://www.iaido-basel.ch/...te/shimomura-ha.html
ich möchte die Ordnungszahlen in Klammern setzen- (12.), (13.), (14.)...- deshalb list-style-type: none; und den Textteil nach links schieben margin-left: -30px.

Ziel: (12.) Liste_2 sollte in etwa gleichweit eingerückt sein, wie 12. Liste_1.

Auf dem Mac geht es.
css-validator geht auch.

Und auf Windows???
Restunsicherheit: ich habe niergens was zu negativen Werten in Margin gelesen.

Grüsse
r a c
als Antwort auf: [#29745] Top
 
X