|
|||
List-Zeichen als "named entity" einfügen
Hallo,
Ich würde gerne den Doppelpfeil » als Listzeichen benutzen. <ul> <li> » list-item-1</li> <li> » list-item-2 noch text noch text noch text noch text noch text noch text</li> </ul> Problem ist jetzt nur, daß bei einem Zeilenumbruch die Folgezeilen in Höhe des Listzeiches beginnen, und somit nicht mehr genau untereinander stehen. Ich habe schon probiert, den Doppelpfeil über :before einzufügen ul li:before {content:"»"; } klappt logischerweise nicht in meinem Sinn Dann mit <ul style="list-style-image: ›"> Hierbei stehen zwar die Folgezeilen genau untereinader, wie ich es gerne hätte, aber das list-style-image wird im Firefox als Bullet dargestellt. Gibt es noch eine andere Methode, den Doppelpfeil » als "named entity" einzufügen, oder muß ich aus ihm eine Grafik machen und sie als bg-image einbinden? Ich würd mich über eine Antwort freuen. Gruß, m |
Sponsored Links |
|
|||
Wenn du es als generated content einfügen willst, dann nimm einfach das Zeichen: »
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Bei ul li:before {content:"»"; } wird der Doppelpfeil ja dargestellt, aber dabei stehen dann bei langem Text die Zeilen nicht mehr genau untereinander. Das Problem hätte ich wahrscheinlich auch, wenn ich das Zeichen "»" statt dem entity nehmen würde. Gruß, m |
|
|||
Es geht mir darum, dass du in CSS keine Entities verwenden kannst. Es wird nicht das »-Zeichen dargestellt, sondern »
edit: Wenn das Zeichen nicht direkt ins Stylesheet kann, dann hilft diese Tabelle. Für die Optik kannst du das generierte Element genauso formatieren wie das span.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (11.10.2012 um 17:01 Uhr) |
|
|||
Zitat:
ul li:before {content:"»"; } Dabei wird ebenfalls im Browser "»" geschrieben. Ich verstehe jetzt nicht, wie du das meinst, wie ich das generierte Element formatieren soll. Kannst du mir bitte ein Beispiel geben? Gruß, m |
|
|||
Zitat:
Zitat:
Genau das schreibst du bei dem generierten Content hin. Ich mag mich nicht mit Codeschnipseln befassen. Bitte verlink deinen Testcase.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
einzelne Zeichen per CSS einfügen ? Geht das ? | Saturnknight | CSS | 6 | 09.05.2010 12:48 |
Zeichen zwischen Wörtern automatisch einfügen? | aiphos | CSS | 9 | 06.11.2009 13:17 |
Sitecheck für Urlaubsunterkunft in Kroatien | Miso | Site- und Layoutcheck | 11 | 19.10.2008 21:53 |
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) | NEOX | Offtopic | 10 | 17.07.2008 18:11 |
Von Frame zu CSS! Bitte testen | FranzderFranke | Site- und Layoutcheck | 15 | 10.07.2008 13:51 |