zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sonderzeichen einfügen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.05.2007, 15:40
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard Sonderzeichen einfügen

Hallo

Wie kann ich Zeichen aus der Windowszeichtabelle per CSS einfügen.

also ich möchte ein zeichen vor Links einsetzen mit der Eigenschaft :before

Die Vorgehensweise ist nicht ds Problem nur das einbinden der zeichen.Habe es bisher nicht hinbekommen.

Wer kann mir helfen?

Peter
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.05.2007, 15:58
Benutzerbild von jawbreaker
Neuer Benutzer
neuer user
 
Registriert seit: 23.03.2005
Ort: Saalfeld/Chemnitz
Beiträge: 6
jawbreaker befindet sich auf einem aufstrebenden Ast
Standard

Referenz:
SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

Zur Erklärung:
Ein Lister der von verfügbaren HTML-Entities findest du unter HTML-Entities
Du bedienst dich der Auszeichnung "Unicode hexadezimal" aus der Tabelle. Dabei ersetzt du &x durch \. Bspw. wird aus ♣ ein \2663 oder aus β ein \03B2.

Der allgemeine Code:
Code:
h2:before { content: "\03B2"; }
MfG
__________________
palm oder nicht palm, das ist hier die frage
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.05.2007, 16:00
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Genau das hab ich gemacht wie in deinem beispiel, und es ging net.

Habe die Buchausgabe hir von SELFHTML und mir das Kapitel durchgelesen aber da wird man net schlauer draus wegen den Sondrzeichen.
Mit Zitat antworten
  #4 (permalink)  
Alt 12.05.2007, 20:13
Benutzerbild von jawbreaker
Neuer Benutzer
neuer user
 
Registriert seit: 23.03.2005
Ort: Saalfeld/Chemnitz
Beiträge: 6
jawbreaker befindet sich auf einem aufstrebenden Ast
Standard

Ich hoffe du test nicht nur mit dem IE, der beherrscht die :before und :after Funktion nämlich nicht.

Ich habe mal den Test gemacht:
Code:
<html>
<head>
<style type="text/css">
  a:before { content: "\21D2\ "; }
</style>
</head>
<body>
<a href="http://www.nasa.gov">Nasa</a>
</bdoy>
</html>
Ausgabe in Firefox 2: siehe Anhang.

Übrigens das "\[Leerzeichen" am Ende bewirkt lediglich das zwischen dem Sonderzeichen und dem eigentlichen Inhalt noch ein Leerzeichen eingefügt wird.
Angehängte Grafiken
Dateityp: gif before.gif (1.014 Bytes, 16x aufgerufen)
__________________
palm oder nicht palm, das ist hier die frage
Mit Zitat antworten
  #5 (permalink)  
Alt 13.05.2007, 22:30
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Ja das mit dem Leerzeichen ist klar.

Der Fehler lag darin, das ich das 2. \ vergessen hatte.
Es geht aber nicht mit allen. z.b. der Pfeil mit NUmmer 0xE4 aus Wingdings geht nicht.

Wegen dem IE, das weiss ich.

Peter

Geändert von Peter Klein (13.05.2007 um 22:32 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 14.05.2007, 17:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von Peter Klein Beitrag anzeigen
Es geht aber nicht mit allen. z.b. der Pfeil mit NUmmer 0xE4 aus Wingdings geht nicht.
Du verwechselst Zeichensatz und Schriftart! Mit font-familty: wingdings kann man nicht zuverlässig Sonderzeichen darstellen - insbesondere nicht in standard-kompatiblen Browsern:

Wingdings character set and equivalent Unicode characters

Robin
Mit Zitat antworten
  #7 (permalink)  
Alt 14.05.2007, 17:25
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Noch ein Link:

XHTML Character Entity Reference
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Antwort


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
GET-Variable einfügen Sp33dy G0nz4l3s Javascript & Ajax 3 24.05.2008 14:33
Sonderzeichen falsch dagestellt Cheffu (X)HTML 3 07.01.2008 17:41
Sonderzeichen Timo (X)HTML 5 03.09.2007 18:58
Sonderzeichen in URL maskieren yellowfox (X)HTML 5 09.11.2005 09:20
Dreamweaver und Sonderzeichen (Entitäten) feelx (X)HTML 16 21.02.2005 22:29


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