Verschieben von Listmarkern

[tina]

Hallo,

Wenn man eine Liste mit einer Hintergrundfarbe versieht, dann stehen die (z.B.) Bullets außerhalb davor. Gibt es eine Möglichkeit sie nach innen zu holen, außer "list-style-position: inside" oder der Verwendung von Hintergrundgrafiken?

Vielen Dank für eure Hilfe.
Tina

[Ingo Turski]

Hi,

außer "list-style-position: inside" oder der Verwendung von Hintergrundgrafiken?

geht eigentlich nur, die Liste in ein DIV mit der gewünschten Hintergrundfarbe zu setzen.

freundliche Grüße
Ingo

[Tina]

Hallo Ingo,

geht eigentlich nur, die Liste in ein DIV mit der gewünschten Hintergrundfarbe zu setzen.

ja, stimmt. Aber wenn man die einzelnen Listeneinträge voneinander mit einer Border trennen möchte, käme man so auch wieder nicht weiter.

Hintergrundgrafiken sind wahrscheinlich noch die beste Lösung, denke ich.

Vielen Dank
Tina

[Detlef G.]

Hallo Tina

Wenn man eine Liste mit einer Hintergrundfarbe versieht, dann stehen die (z.B.) Bullets außerhalb davor. Gibt es eine Möglichkeit sie nach innen zu holen, außer "list-style-position: inside" oder der Verwendung von Hintergrundgrafiken?

Teste mal mit

  
ul {  
 background-color:#f00;  
 margin:0;  
 padding:0 2em;  
}  

Nur ein Gedanke, noch nicht getestet.

Auf Wiederlesen
Detlef

[MudGuard]

Hi,

Wenn man eine Liste mit einer Hintergrundfarbe versieht, dann stehen die (z.B.) Bullets außerhalb davor. Gibt es eine Möglichkeit sie nach innen zu holen, außer "list-style-position: inside" oder der Verwendung von Hintergrundgrafiken?

Spiel mit den 4 Werten margin für ul, padding für ul, margin für li, padding für li
Die Browser sind hier unterschiedlicher Auffassung, was die default-Werte betrifft.

Es ist kein Problem, die Punkte in den Hintergrund-Bereich des ul zu bekommen. Wenn Du sie in den Hintergrundbereich des li bekommen willst, wird es schwieriger (das dürfte nur funktionieren, wenn man die Listenpunkte entfernt und durch nichtwiederholende Hintergrundbilder für die li ersetzt)

cu,
Andreas

[MudGuard]

Hi,

Wenn Du sie in den Hintergrundbereich des li bekommen willst, wird es schwieriger (das dürfte nur funktionieren, wenn man die Listenpunkte entfernt und durch nichtwiederholende Hintergrundbilder für die li ersetzt)

Ggf. könnte man aber auch mit list-style-type:inside sowie negativem text-indent was erreichen.

cu,
Andreas