Der Unterstrich beim Textlink verschwindet nicht

letterbox

Banned
Registriert
Feb. 2014
Beiträge
1.057
Hallo,
folgender code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">


<!--
body {
	background-color: #FF9966;
}
.Stil1 {
	font-size: 36px;
	font-weight: bold;
}
-->
</style>



</head>

<body>


<div align="right"><a href="default.html" <font onMouseOver="this.style.color='#FFFFFF'"
onMouseOut="this.style.color='#000000'">zurück zur Startseite </font></a></div>

<table align="center" width="0%" border="0" cellspacing="5" cellpadding="5">
  <tr>
    <th scope="col"><img src="aquarell.jpg" width="300" height="234" /></th>
    <th scope="col"><span class="Stil1"><a href="Malerei/Aquarelle/album/index.html">
	<font onMouseOver="this.style.color='#FFFFFF'"
onMouseOut="this.style.color='#000000'">Auarellmalerei</font>
	</a></span></th>
	
  </tr>
  <tr>
    <td><img src="acryl.jpg" width="300" height="234" /></td>
    <td class="Stil1"><strong><a href="Malerei/Acryl/album/index.html"><font onMouseOver="this.style.color='#FFFFFF'"
onMouseOut="this.style.color='#000000'">Acrlylmalerei</font></a></td>
  </tr>
</table>
</body>
</html>
Wenn ich die Seite im Browser betrachte, ändert sich die Textfarbe beim Überfahren mit der Maus zu weiß, das ist so gewollt.
Es sind drei links vorhanden:
-zur Startseite
-Aquarellmalerei
-Acrylmalerei
Beim ersten Link ändert sich auch der Unterstrich in weiß, während bei den anderen beiden der Unterstrich schwarz bleibt.

Wie muß der code lauten, damit entweder beim Darüberfahren mit der Maus überall der Unterstrich auch weiß wird oder besser
damit der Unterstricht erst garnicht vorhanden ist, sondern nur die Textfarbe sich ändert?
 
HTML:
a:hover {
    text-decoration: none;
}
 
Überhaupt scheint mir, dass du statt diesen MouseOver/MouseOut eigentlich immer hover benutzen möchtest, weil das brauchst du nur einmal definieren. Wenn du den entsprechenden Bereich verlässt, nimmt er wieder den ursprünglichen Stil an (ohne explizit MouseOut zu brauchen).
 
Zurück
Oben