zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden List-Zeichen als "named entity" einfügen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.10.2012, 20:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2009
Beiträge: 22
moon-walker befindet sich auf einem aufstrebenden Ast
Standard List-Zeichen als "named entity" einfügen

Hallo,

Ich würde gerne den Doppelpfeil » als Listzeichen benutzen.

<ul>
<li> &raquo; list-item-1</li>
<li> &raquo; 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:"&raquo;"; }

klappt logischerweise nicht in meinem Sinn

Dann mit <ul style="list-style-image: &rsaquo;">

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.10.2012, 01:48
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 20.08.2006
Beiträge: 147
efwe befindet sich auf einem aufstrebenden Ast
Standard

versuch ein span und ruecks mit margin-left minus nach links raus?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.10.2012, 15:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2009
Beiträge: 22
moon-walker befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von efwe Beitrag anzeigen
versuch ein span und ruecks mit margin-left minus nach links raus?
Vielen Dank!

Es klappt!

Gruß,
m
Mit Zitat antworten
  #4 (permalink)  
Alt 11.10.2012, 15:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Wenn du es als generated content einfügen willst, dann nimm einfach das Zeichen: »
Mit Zitat antworten
  #5 (permalink)  
Alt 11.10.2012, 16:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2009
Beiträge: 22
moon-walker befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Wenn du es als generated content einfügen willst, dann nimm einfach das Zeichen: »
Hallo fricca,

Bei

ul li:before {content:"&raquo;"; }

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
Mit Zitat antworten
  #6 (permalink)  
Alt 11.10.2012, 16:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Es geht mir darum, dass du in CSS keine Entities verwenden kannst. Es wird nicht das »-Zeichen dargestellt, sondern &raquo;
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.

Geändert von fricca (11.10.2012 um 17:01 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 11.10.2012, 17:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2009
Beiträge: 22
moon-walker befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Es geht mir darum, dass du in CSS keine Entities verwenden kannst. Es wird nicht das »-Zeichen dargestellt, sondern &raquo;

Für die Optik kannst du das generierte Element genauso formatieren wie das span.
Meinst du das so?

ul li:before {content:"»"; }

Dabei wird ebenfalls im Browser "&raquo;" 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
Mit Zitat antworten
  #8 (permalink)  
Alt 11.10.2012, 17:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von moon-walker Beitrag anzeigen
ul li:before {content:"»"; }

Dabei wird ebenfalls im Browser "&raquo;" geschrieben.
Dann musst du vermutlich deinen Cache leeren.
Zitat:
Ich verstehe jetzt nicht, wie du das meinst, wie ich das generierte Element formatieren soll. Kannst du mir bitte ein Beispiel geben?
Wie hast du das span formatiert?
Genau das schreibst du bei dem generierten Content hin.

Ich mag mich nicht mit Codeschnipseln befassen. Bitte verlink deinen Testcase.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:11 Uhr.