Autor |
Nachricht |
frankeee
Threadersteller
Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 15:58
Titel CSS Aufzählung list-style-image |
|
|
list-style-image wird zwar von sämtlichen Browsern verstanden, aber ganz verscchieden dargestellt. Suche verzweifelt nach einer Lösung, die zumindest im IE 6-8 und FF funktuiniert.
Das Problem: Der Text klebt im IE direkt am Aufzählungszeichen, im FF hat er Abstand.
Lösungsversuche:
1.) Mit Hintergrundbild und padding left. Geht nicht, da die Liste "list-style-position: inside;" sein soll
2.) Grafische Lösung. Geht nur, wenn ich mit Browserweiche arbeite, was in meinem Fall sehr Aufwendig wird.
EDIT by ines: Verschoben in Software - Nonprint.
Zuletzt bearbeitet von ines am Di 01.12.2009 16:37, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 01.12.2009 17:20
Titel
|
|
|
Das ist das alte Problem von list-style-image - und der Grund, warum ich Listengrafiken ausschließlich per background-image einbinde. Der Effekt einer inside-Liste kann per text-indent erzeugt werden.
|
|
|
|
|
Anzeige
|
|
|
frankeee
Threadersteller
Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 02.12.2009 09:17
Titel
|
|
|
heiko_rs hat geschrieben: | Das ist das alte Problem von list-style-image - und der Grund, warum ich Listengrafiken ausschließlich per background-image einbinde. Der Effekt einer inside-Liste kann per text-indent erzeugt werden. |
Vielen Dank, text-indent war der richtige Hinweis.
Was bleibt: IE interpretiert den text-indent völlig anders. IE rechnet den Abstand nicht von der lineken Seite, sondern vom Hintergrundbild. Ich kann das mit einer Browserweische umgehen oder gibt es eine besser Lösung?
|
|
|
|
|
buchstabensuppe
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht:
|
Verfasst Mi 02.12.2009 09:22
Titel
|
|
|
Hast du das padding und margin für die Listen vorher auf 0 gesetzt, dass alle Browser quasi gleich ansetzen?
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 02.12.2009 09:32
Titel
|
|
|
frankeee hat geschrieben: | ... Ich kann das mit einer Browserweische umgehen oder gibt es eine besser Lösung? |
Wie heiko_rs bereits schrieb: Schalte den Listenpunkt ab (list-style-type: none;) und verpass deinen Listeneinträgen ein Hintergrundbild mit der gewünschten Grafik.
|
|
|
|
|
frankeee
Threadersteller
Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 02.12.2009 09:45
Titel
|
|
|
buchstabensuppe hat geschrieben: | Hast du das padding und margin für die Listen vorher auf 0 gesetzt, dass alle Browser quasi gleich ansetzen? |
Danke - padding margin ist auf 0
|
|
|
|
|
frankeee
Threadersteller
Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 02.12.2009 09:48
Titel
|
|
|
top hat geschrieben: | Wie heiko_rs bereits schrieb: Schalte den Listenpunkt ab (list-style-type: none;) und verpass deinen Listeneinträgen ein Hintergrundbild mit der gewünschten Grafik. |
Soll das weiterhelfen, was du hier schreibst? Hast du das Problem und die damit verbundene Frage verstanden? Ich erläutere die Problemstellung gerne, falls du wirklich helfen willst.
Zuletzt bearbeitet von frankeee am Mi 02.12.2009 09:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 02.12.2009 09:59
Titel
|
|
|
Baue am besten ein Testcase und poste den Link.
|
|
|
|
|
|
|
|
Ähnliche Themen |
css, ie6, list-style-image...
list-style-image bei mouseover austauschbar?
[css] list-style-image - vertikal ausrichten
[CSS]Hilfe! Warum kein Border um list-style-image?
css list-style-position
CSS: List-image nur bei Hauptmenüpunkten
|
|