Wie XHTML-konform Zeilenumbruch unterdrücken ohne nobr?

Hallo!

Wie kann ich XHTML-konform den Zeilenumbruch ohne nobr-Attribut unterdrücken?

In meinem Blog möchte ich interne und externe Hyperlinks durch kleine Pfeilgrafiken unterscheidbar machen.
[Pfeil, der nach rechts zeigt] (Grafik für internen Link)
[Pfeil, der nach rechts oben zeigt] (Grafik für externen Link)
Wie kann ich es schaffen, dass der Zeilenumbruch zwischen der Grafik und dem Linktext unterdrückt wird?

Lösungsansätze:

1) Nach einigen Fehlversuchen hatte ich mit folgendem Code Erfolg:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Der Zeilenumbruch zwischen dem kleinen Grafiksymbol und dem im Firefox angezeigten Linktext »Arbeitsspeicher« wird unterdrückt. <nobr></nobr> ist aber nicht mit XHTML kompatibel! Das ergibt sich aus einer Überprüfung mit dem XML Validator unter diesem Link.

2) Schattendings hat in Beitrag 11366 eine Lösung angedeutet:

3) Vielleicht kann man auch mit dem Codeschnipsel »style="white-space:nowrap;"« arbeiten, den ich unter diesem Link gefunden habe?

4) Ein weiterer Lösungsansatz unter diesem Link sieht folgendermaßen aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

:?: Wie müsste HTML-Code aussehen, damit er mit XHTML kompatibel ist? Welcher Codeschnipsel muss in die »style.css«-Datei eingetragen werden?

 

a.external und a.internal

Vielen Dank für deinen Hinweis, ratterobert. Ich habe die Datei »wp-content/themes/default/style.css« um den folgenden Code ergänzt:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Pfeil-Symbole etwas weiter nach unten

Ich habe eine weitere Frage: wie kann ich es erreichen, dass die beiden Pfeil-Symbole etwas weiter nach unten verschoben werden? Ich habe es einmal mit dem folgenden Code ausprobiert, der nicht ganz richtig zu sein scheint:

Wie lautet die richtige Angabe, um das jeweilige Pfeilsymbol in Bezug auf den Text ein wenig nach unten zu schieben? Mit »margin-top:4px;« funktioniert es nicht.

 

Interne und externe Links

Danke, telekommander. Es funktioniert. Der Code sieht jetzt folgendermaßen aus:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Code für interne und externe Hyperlinks

Hallo Monika,
px funktioniert gut, warum sollte ich daran etwas ändern?

Hallo Erik,
So eine Lösung wäre die optimale Lösung. Sollte es das irgendwann einmal als Plugin geben, werde ich es mir überlegen. So schlimm ist meine jetzige Lösung auch nicht, weil ich den Code für interne und externe Hyperlinks per Diktierkürzel mit DNS 8 Preferred einfüge.