Aufzählungszeichen ändern!
-
Gibt es Möglichkeiten, das Aussehen der Aufzählungszeichen in einer unnummerierten Liste ( http://quergefoent.wordpress.com/2011/01/10/ist-das-kunst/ ) zu ändern?
DankeDer Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
-
Ohne CSS-Upgrade gibt es keine Möglichkeit dies dauerhaft einzustellen. Aber mit etwas Inline-CSS kannst im HTML-Editor das Ganze manuell für diese eine Liste umstellen:
Wie man Listen per Inline-CSS verändert:
http://de.selfhtml.org/html/text/listen.htm#formatierenWie man das Aufzählungsbild verändert:
http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_imageGruß, Torsten
-
Öh, mja DANKE
Ich weiß zwar nicht, was ich da gemacht habe, aber mit
<ul style="list-style-image:url('list_style_image.gif');">sieht es wenigstens besser aus!
-
Da dieses Bild („‚list_style_image.gif“) nicht existiert wird das normale Standardzeichen (der Bullet) benutzt.
Daher wäre folgender Code besser, da er keinen Fehler (Bild wird nicht gefunden) im Hintergrund erzeugt. Dürfte den gleichen Effekt haben.
<ul style="list-style-image:none;">Du könntest auch ein eigenes kleines Bild hochladen und einen absoluten Pfad zum Bild benutzen, dann hättest Du statt dem Bullet eben die Grafik.
Gruß, Torsten
-
Das klappt gut mit dem Code von dir, vielen Dank.
Wie geht das denn mit dem absoluten Pfad, wenn ich als Aufzählungszeichen
nehmen möchte? In der Mediathek habe ich das Pic hochgeladen und dann immer als Grafik <href> oder [img] einfügen? Kann das in allen Browsern dargestellt werden, oder hat das nichts damit zu tun?
-
Mit
<ul type=“circle“> für nicht ausgefüllte Kreise (circle = Kreis).
<ul type=“disc“> für ausgefüllte Kreise (disc = Scheibe)
<ul type=“square“> für Rechtecke (square = Rechteck).hat leider nichts geklappt. Schade, das hatte ich noch begriffen ;-)
-
Für das Bild mit der Banane versuche mal folgendes:
<ul style="list-style-image:url('http://quergefoent.files.wordpress.com/2011/01/banane60x60.jpg');">Nur dürfte das Bild ungeeignet sein, da es zu groß ist.
Für die anderen Standardzeichen folgende Varianten:
<ul style="list-style-type:circle;">
<ul style="list-style-type:disc;">
<ul style="list-style-type:square;">Siehe auch: http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type
Gruß, Torsten
-
Das mit dem absoluten Pfad klappt soweit (mit Ausnahme des zu großen Pics!).
Alle drei anderen Codes circle, disc und square funktionieren nicht. Sie erzeugen bei mir (Win7 (64), FF 3.6.12) einen blass grün-ockerfarbenen durchgestrichenen „Kasten“.
Ist die korrekte Darstellung doch Betriebssystem, Browser- oder plugin- abhängig?
Aber für mich ist die eine Lösung, die du bis jetzt gefunden hast, schon gut.
Danke noch einmal!
-
Das Standardzeichen wird natürlich nur benutzt wenn kein Bild gesetzt wird, also musst Du natürlich die beiden Angaben kombinieren! Da in deinem Theme ein Bild gesetzt wird, musst Du das Bild ausschalten und das Standardzeichen ändern. Zum Beispiel für „suare“ so:
<ul style="list-style-image:none;list-style-type:square;">Gruß, Torsten
-
Jipi, so klappt es! Prima. Die beiden anderen Varianten (disc und circle) traue ich mir sogar alleine zu!
Tx a lot! -
- Das Thema ‘Aufzählungszeichen ändern!’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 