Supportnet / Forum / Webseiten/HTML
Link ohne Unterstrich erstellen, aber wie ?
Frage
Hallo...,
wie erstlle ich ein Link ohne Unterstrich ?
Normal sieht ja der Code so aus:
Aber wie bekomm ich den Unterstrich weg ?
Gruss, C-T
Antwort 1 von Sir_Hilly
a:link { text-decoration:none; }
Antwort 2 von C-T
Hey Super danke dir, jeoch würde ich noch gerne wissen, wie ich das mit dem Rollover effect mache wenn ich gerade den Mauszeiger über den Link habe, dass
der Link die Farbe wechselt.
Gruss, C-T
der Link die Farbe wechselt.
Gruss, C-T
Antwort 3 von ydffg
das geht dann nur mit java script
Antwort 4 von Rangoo
Füg Stylesheets in den Head deiner HTML-Seite ein.
<style type="text/css">
.link {color:#FFFFFF;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12pt;}
.link:hover {text-decoration:underline;color:#FFFF00;font-family:Arial,Helvetica,sans-serif;font-size:12pt;}
</style>
In den Anker-Aufruf kannst du dann einfach ein class="link" setzen und der Link ändert sich beim draufzeigen. Mit den Eigenschaften der Styles kannst du ja ein wenig herumexperimentieren. Du kannst auch für link:visited noch was festlegen, damit ein besuchter Link anders aussieht. Außerdem kannst du natürlich auch bei normalem Text CSS (Cascaded Style Sheets) einsetzen. Da ist dann halt nur der Hover-Befehl überflüssig. Der Vorteil ist übrigens, dass du die class-Aufrufe in die Absätze reinschreiben kannst und dir so den font-Befehl sparst.
So long
<style type="text/css">
.link {color:#FFFFFF;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12pt;}
.link:hover {text-decoration:underline;color:#FFFF00;font-family:Arial,Helvetica,sans-serif;font-size:12pt;}
</style>
In den Anker-Aufruf kannst du dann einfach ein class="link" setzen und der Link ändert sich beim draufzeigen. Mit den Eigenschaften der Styles kannst du ja ein wenig herumexperimentieren. Du kannst auch für link:visited noch was festlegen, damit ein besuchter Link anders aussieht. Außerdem kannst du natürlich auch bei normalem Text CSS (Cascaded Style Sheets) einsetzen. Da ist dann halt nur der Hover-Befehl überflüssig. Der Vorteil ist übrigens, dass du die class-Aufrufe in die Absätze reinschreiben kannst und dir so den font-Befehl sparst.
So long
Antwort 5 von Userlein
Sorry,
bin noch Anfänger. Wo muss ich was hinkopieren? Wo steht a:link { text-decoration:none; }
bin noch Anfänger. Wo muss ich was hinkopieren? Wo steht a:link { text-decoration:none; }
Antwort 6 von Renegade
@userlein
hier nen CSS-Beispiel, einfach in den Bereich zwischen <head> und </head> hinzufügen, wenn du nach Standard arbeiten willst ;-)
<style type="text/css">
<!--
a {
color:ff0000;
text-decoration:none;
}
a:hover {
color:#ffcc00;
text-decoration:underline;
}
//-->
</style>
hier nen CSS-Beispiel, einfach in den Bereich zwischen <head> und </head> hinzufügen, wenn du nach Standard arbeiten willst ;-)
<style type="text/css">
<!--
a {
color:ff0000;
text-decoration:none;
}
a:hover {
color:#ffcc00;
text-decoration:underline;
}
//-->
</style>