HrblSoft_logo
Werbung MoneyBanner.de


 Themen

 News und Upload Info
 HTML Tipps und Tricks
 Javascript Tricks
 DHTML und Styles
 Html und JScript Links
 Allgemeine Grafiktipps
 PP Tricks und Tutorials
 Links zum Thema Grafik
 Downloads und Tools

 Linkformatierung

15.06.2001

Wohl eine der meistverwendeten Styledefinitionen bei Links ist wohl das Entfernen des Link - Unterstriches, wie Sie es auch im Menü dieser Seite sehen können. Nachfolgende Styledefinition lässt den Link - Unterstrich bei allen Textlinks einer Seite verschwinden. Wenn Sie möchten, dass Ihre Besucher auch weiterhin Links als solche identifizieren können, sollten Sie die Links farblich eindeutig vom restlichen Seitentext absetzen.



<style type="text/css">
a{text-decoration:none;}
</style>


 Hoverlinks

Mit dem "hover" Attribut können Sie Ihren Links ein wenig Dynamik verschaffen. Im ersten Beispiel verändert sich die Linkfarbe beim Überfahren des Links mit der Maus. Beispiel Zwei erzeugt einen zusätzlichen Strich über dem Linktext. Im dritten Beispiel wird der Link - Unterstrich erst eingeblendet, wenn die Maus über den Link bewegt wird.



<style type="text/css">
a:hover{color:#FF0000;}
</style>

<style type="text/css">
a:hover{text-decoration:overline}
</style>

<style type="text/css">
a{text-decoration:none;}
a:hover{text-decoration:underline}
</style>