Supportnet / Forum / Webseiten/HTML
CSS / HTML Link dekoration
Frage
Hi Leutz,
wie kann ich Links mit CSS (besser HTML)
so preperieren, dass Textlinks nur beim
Mouseover unterstrichen wird?
Vielen Dank schon mal für eure Hilfe.
Bye H3l1Ang3l
Antwort 1 von Ywes
Hallo,
also ein Beispiel:
.meintest { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration:none}
.meintest:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: underline}
kannst ja selber anpassen. Das es funzt muß man etwa so einfügen:
<a href="#" class="meintest">link</a>
Gruß
Ywes
also ein Beispiel:
.meintest { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration:none}
.meintest:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: underline}
kannst ja selber anpassen. Das es funzt muß man etwa so einfügen:
<a href="#" class="meintest">link</a>
Gruß
Ywes
Antwort 2 von semi
<style type="text/css">
a:link { text-decoration:none }
a:hover { text-decoration:underline }
</style>
Antwort 3 von Redschina
hi hellangel,
für alle links auf deiner seite:
zwischen <head> und </head>
<style type="text/css">
a:link {color:red; text-decoration:none}
a:visited {color:blue; text-decoration:none}
a:active {color:white; text-decoration:none}
a:hover {color:black; text-decoration:underline}
</style>
nur noch die farben anpassen - das wars :-)
gruss, redschina
für alle links auf deiner seite:
zwischen <head> und </head>
<style type="text/css">
a:link {color:red; text-decoration:none}
a:visited {color:blue; text-decoration:none}
a:active {color:white; text-decoration:none}
a:hover {color:black; text-decoration:underline}
</style>
nur noch die farben anpassen - das wars :-)
gruss, redschina
Antwort 4 von Redschina
grrrrrrrrrrr ;-)
Antwort 5 von Ywes
Hallo,
die Beschreibung von Redschina stimmt natürlich.
CSS Selektor(a:link,a:hover,a:visited, etc.)wirkt aber auf alle Links einer Seite.
Mit meiner Lösung kann man jeden einzelnen Link anders gestalten.
Gruß
Ywes
die Beschreibung von Redschina stimmt natürlich.
CSS Selektor(a:link,a:hover,a:visited, etc.)wirkt aber auf alle Links einer Seite.
Mit meiner Lösung kann man jeden einzelnen Link anders gestalten.
Gruß
Ywes
Antwort 6 von Fitw
@Ywes
Mit Deiner Lösung gilt es für alles, wenn die Class "meintest" eingetragen wird.
Links kannst Du auch unterschiedlich gestalten mit:
a.meintest:link, a.meintest:visited, a.meintest:hover, etc.
Wenn die Links anders aussehen sollen, wird einfach die Class geändert.
z. B.:
a.anders:link, a.anders:visited, a.anders:hover, etc.
Gruß Tilo
Mit Deiner Lösung gilt es für alles, wenn die Class "meintest" eingetragen wird.
Links kannst Du auch unterschiedlich gestalten mit:
a.meintest:link, a.meintest:visited, a.meintest:hover, etc.
Wenn die Links anders aussehen sollen, wird einfach die Class geändert.
z. B.:
a.anders:link, a.anders:visited, a.anders:hover, etc.
Gruß Tilo
Antwort 7 von Redschina
na ja,
nun hat h3llang3l halt mehrere möglichkeiten, auch ned schlecht, oder?
gruss, redschina ;-)
nun hat h3llang3l halt mehrere möglichkeiten, auch ned schlecht, oder?
gruss, redschina ;-)