• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

link nur bei berührung unterstrichen

  • Ersteller Ersteller Athan
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
A

Athan

Guest
hi!

ist es irgendwie mgöglich, dass links nur dann unterstrichen sind, wenn man mit der maus drüberfährt?
 
Mit CSS ganz einfach:
HTML:
<style type="text/css">
a, a:link, a:active, a:visited {
text-decoration:none
}

a:hover {
text-decoration:underline
}
</style>
Diesen Code kannst du in den <head> Bereich setzen.



MfG, matibaski
 
k thx erstema

aber das wird dann für die ganze page so übernommen oder?
gibts ne möglichkeit ausnahmen zu machen?

also <u><a href="xxx.html">seitexxx</a></u> oder so in der art?
 
Zuletzt bearbeitet von einem Moderator:
HTML:
<style type="text/css">
a, a:link, a:active, a:visited {
text-decoration:none
}

a:hover {
text-decoration:underline
}

a.ausnahme { text-decoration:none }
</style>

das wäre dann mit einer class, und zwar mit
HTML:
<a class="ausnahme" href="seite.html">Text</a>

Wenn ich dich richtig verstehe willst du dass einzelne Links dann doch nicht unterstrichen werden oder?
 
HTML:
<style type="text/css">
a, a:link, a:active, a:visited {
text-decoration:none
}

a:hover {
text-decoration:underline
}

a.ausnahme { text-decoration:none }
</style>
das wäre dann mit einer class, und zwar mit
HTML:
<a class="ausnahme" href="seite.html">Text</a>
Wenn ich dich richtig verstehe willst du dass einzelne Links dann doch nicht unterstrichen werden oder?
stimmt nicht ganz.
HTML:
a.ausnahme <!-- bezieht sich auf Link mit der class 'ausnahme', aber nicht auf dessen Hoverzustand -->
 
HTML:
<style type="text/css">
a, a:link, a:active, a:visited {
text-decoration:none
}

a:hover {
text-decoration:underline
}

a:hover.ausnahme { text-decoration:none }
</style>
das wäre dann mit einer class, und zwar mit

HTML:
<a class="ausnahme" href="seite.html">Text</a>

würde es so gehen?
 
ich hab gleich den code von matibaski benutzt und der geht auch :wink: das ist auch erstmal das einzige was ich mit css machen werde, ich brauch das für die schule, und das einzige was ich mit "nacktem html code" net machen kann, ist eben die links nur dann zu unterstreichen, wenn man mit der maus drüberfährt! also thx auf jeden fall! :-)

Code:
<style type="text/css">
a, a:link, a:active, a:visited {
text-decoration:none
}
 
a:hover {
text-decoration:underline
}
</style>

Mod-Edit: Code-Tags editiert - Beim nächsten Mal bitte dran denken (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben