Kommentare zu: Listenzeichen

Von: Tobi

Tobi — Mon, 19 Dec 2011 16:20:48 +0000

Hi, ich bins wieder.
Jetzt klappt es. Bei WordPress gibt es ja unzählige Ordner mit dem Namen:”images”. Hab nicht darauf geachtet, das Bild in den richtigen Ordner zu verschieben.

Vielen Dank für die Hilfe

Von: Klaus

Klaus — Sun, 18 Dec 2011 17:45:16 +0000

naja, eine mögliche Lösung habe ich ja schon in meinem Vorposting genannt,

Von: Tobi

Tobi — Sun, 18 Dec 2011 12:00:03 +0000

Hier ist der Link:
http://www.schmerzfrei-oder-gratis.de

Von: Klaus

Klaus — Fri, 16 Dec 2011 16:57:45 +0000

Hi,

dann gib mir doch mal einen Link zum Problem, damit ich mal schauen kann.

edit. Wenn das die Site ist auf die dein verlinkter Name verweist, dann schätze ich das der Pfad zur Grafik nicht korrekt ist.
Der Pfad muss relativ zur Gestaltungsdatei angegeben werden z.B.:
Da du WordPress nutzt befinden sich die Dateien/Ordner in deinem Themeordner. Das ist einmal die style.css für die Gestaltungsanweisungen und der Ordner images für die Grafiken deines Themes
Um von deiner CSS-Datei den korrekten Pfad zur Grafik zu definieren mußt du normalerweise folgendes schreiben:
.listenzeichen { background: url( images/ausrufezeichen3.png) no-repeat left 0.3em; }

Versuchs mal und melde dich dann.

Von: Tobi

Tobi — Fri, 16 Dec 2011 16:22:50 +0000

Wieso funktioniert das bei mir nicht. Listenpunkte allgemein lassen sich ausblenden. Man sieht auch, dass die Liste weiter eingerückt wird, aber das Listenbild wird nicht angezeigt.
Ich verwende das Bildformat png und habe kein quadratisches Bild, so wie in der Anleitung mit 14×14.

Liegt das eventuell daran?

Von: Problem bei einheitlicher Positionierung mit "list-style-image" - XHTMLforum

Thu, 06 Jan 2011 13:35:31 +0000

[...] [...]

Von: Problem mit Listen neben Bildern - XHTMLforum

Problem mit Listen neben Bildern - XHTMLforum — Mon, 12 Apr 2010 11:53:18 +0000

[...] [...]

Von: C.

C. — Mon, 01 Mar 2010 01:15:29 +0000

Hallo,

hier ist ein Beispiel mit einer Standard-Bullet-Grafik und einem Bild als Bullet-Grafik, sowie jeweils ein paar Screenshots:

Url auf Wunsch wieder entfernt.

(URL bitte spätestens nach drei Tagen entfernen! Vielen Dank!)

Bei den verschiedenen Browsern kann ich beim besten Willen keine Indifferenz erkennen. Wie gesagt: Schön wär’s. Gerade weil die Darstellungen so unterschiedlich sind, ist die von dir empfohlene Methode mit Hintergrundbildern ja nötig bzw. besser.

Von: Hubspe

Hubspe — Sun, 28 Feb 2010 09:58:38 +0000

Moin,

Hm, schön wär’s. Meiner Erfahrung nach werden sie sehr wohl unterschiedlich behandelt.

Dann täuscht dich deine Erfahrung vielleicht etwas.

Folge dem Link zur Spezifikation in meinem ersten Kommentar.
Dort steht etwas weiter unten ganz eindeutig zu list-style-image:

Diese Eigenschaft legt das Bild fest, das als Listenelementmarkierung verwendet wird. Wenn das Bild zur Verfügung steht, ersetzt es die Markierung, die mit der Markierung ‘list-style-type’ festgelegt wurde.

Ok ist CSS 2.0.
In 2.1 steht da:

This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the ‘list-style-type’ marker.

Das automatische Listenzeichen wird nur durch das image ersetzt.

Ganz egal was deine Erfahrungen sind, in der Spezifikation steht wie die Browser sich bei sowas zu verhalten haben.

Ach ja ein weiterer Vorteil der Methode mit background-image ist, das der Listenpunkt ruhig mehrere Zeilen haben kann.
Durch das padding werden auch weitere Zeilen richtig eingerückt.

Von: C.

C. — Sat, 27 Feb 2010 23:08:58 +0000

Leider wird sie von den unterschiedlichen Browsern genau wie das automatisch erzeugte Listenzeichen indifferent behandelt.

Hm, schön wär’s. Meiner Erfahrung nach werden sie sehr wohl unterschiedlich behandelt.