RSS
27 Jan 2011

Zeilenumbruch in Links verhindern mit CSS

Author: admin | Filed under: Computer und Internet

Verlinkte Textpassagen können sich auf Grund von Leerzeichen über mehrere Zeilen erstrecken.
Das wirkt sich störend auf den Lesefluss aus. Der Besucher glaubt intuitiv, dass es sich umunterschiedliche Verlinkungen handelt.
Um einer solchen verwirrung zu entgehen, kann man eineneinfachen CSS-Befehl integrieren, welcher den Browser zwingt, den verlinkten Text in einer einzigen Zeile
darzustellen. Dies erreicht man, indem man dem <a> Tag die CSS-Parameter white-space zuordnet.
white-space sorgt dann dafür, dass die Links in ein und der selben Zeilen verbleiben. Zu beachten ist aber, dass keine all zulangen Textpassagen verlinkt werden sollten.

Code dazu :

a {
white-space: nowrap;
}

Leave a Reply


4 - = one