mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 08:52 Benutzername: Passwort: Auto-Login

Thema: CSS Aufzählung list-style-image vom 01.12.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Aufzählung list-style-image
Seite: 1, 2  Weiter
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

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 01.12.2009 17:20
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
frankeee
Threadersteller

Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 02.12.2009 09:17
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Mi 02.12.2009 09:22
Titel

Antworten mit Zitat Zum Seitenanfang

Hast du das padding und margin für die Listen vorher auf 0 gesetzt, dass alle Browser quasi gleich ansetzen?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 02.12.2009 09:32
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
frankeee
Threadersteller

Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 02.12.2009 09:45
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
frankeee
Threadersteller

Dabei seit: 11.11.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 02.12.2009 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 02.12.2009 09:59
Titel

Antworten mit Zitat Zum Seitenanfang

Baue am besten ein Testcase und poste den Link.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.