CSS / Tipps / Abkürzungen mit CSS hervorheben

von: Werner Zenk

Mit CSS lassen sich Abkürzungen dezent hervorheben.

Demo:
Weit hinten, hinter den WB, fern der Länder Vokalien und KST leben die Blindtexte. Abgeschieden wohnen Sie in ABC an der Küste des Semantik, eines großen SON.

Sinnvoll ist eine Angabe mit dem HTML-Tag acronym (deutsch für Abkürzung).
Mit CSS fügen Sie noch eine gestrichelte Linie hinzu, sowie den
Mauszeiger "cursor: help".
Im title-Attribut wird dann die Abkürzung im Klartext angezeigt.

Quelltext:
<style type="text/css">
acronym {
 border-bottom: 1px dotted #8B8060;
 cursor: help;
} 
</style>

Abgeschieden wohnen Sie in 
<acronym title="Buchstabhausen">ABC</acronym> an der ...
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
CSS Befehle: Tabellen  CSS Hyperlink #36  CSS Hyperlink #27  Transparente CSS-Filter für Bilder und Text  Link farbig unterstreichen  Uhrzeitanzeige mal anders!  Farbkennwörter - Die verschiedenen Farbkennwörter in der Übersicht.  Flexible Bildgröße - Darstellung von Bildern an die jeweilige Fenstergröße automatisch anpassen.  Angaben für Bereiche  Blinkender Hintergrund - Ein animiertes Gif-Bild wird hier als Hintergrund verwendet.  CSS Hyperlink #6  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner