Geschütztes Leerzeichen in "content:"

    Ich habe in CSS allen meinen Links, die mit "http://" beginnen, eine Grafik und ein Leerzeichen vorgesetzt.
    Hier der entsprechende Teil aus meiner CSS-Datei:

    Code
    #inhalt a[href^="http://"]:before {             
    content: url(images/httplink.gif) " ";
}


    Nun wird, wenn der Platz für alles nicht ausreicht, am Zeilenende aber, da es nur ein normales Leerzeichen ist, nach der Grafik umgebrochen. Die Grafik steht am Ende der Zeile und der Link in der nächsten.


    Um dieses Umbrechen zu verhindern wollte ich ein geschütztes Leerzeichen statt des Normalen einfügen lassen. Ich habe es schon mit " " versucht, dieses wird als Text davor eingefügt.
    Im Internet habe ich gefunden, dass man in bestimmten Programmen dafür \, (Backslash Komma) oder ~ (Tilde) verwenden kann, beides wird wieder als Text eingefügt.


    Weiß einer von euch, wie man mit dem content-Befehl ein geschütztes Leerzeichen einfügen lassen kann?

    Öhm.. was hälst du davon, wenn du dem Element ein

    Code
    white-space: nowrap;

    gibst? dadurch werden normalerweise automatische Zeilenumbrüche verhindert^^
    (Hab bisher aber keinerlei Erfahrung mit dieser Eigenschaft, daher weiß ich nicht ob es zum gewünschten Effekt führt^^)


    Hast du eigentlich diesen Speziellen Code für das Leerzeichen in Anführungszeichen geschrieben? Weiß gerade nämlich auch net, ob dieser nicht außerhalb von Anführungszeichen gehört^^

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden