Ganze Fläche mit MouseOver verändern

  • Themenstarter Themenstarter Michael Och
  • Beginndatum Beginndatum
M

Michael Och

Hallihallo,

Ich weiss nicht genau, wie ich das beschreiben soll, aber ich versuchs mal:
Ich habe eine Homepage gefunden und würde gerne wissen wie da die Buttons gemacht worden sind, das sich der Hintergrund des Textes verändert ist mir klar wie, aber das sich die ganze Fläche verändert...

Danke, mfG Michael
 
Ich würde dir gern Weiterhelfen... Aber es gibt sowas an dieser Seite das ich hasse und was aus Sicht der Accessibility etwas schlimmeres als die Todesstrafe nach sich ziehen müsste...
Diese Seite steht im Moment unter Netscape und Mozilla nicht zur Verfügung...


Bitte nutzen Sie den Internet Explorer ab Version 4.0
Zum Vergrößern anklicken....
Klar unter Linux... Aber sonst gehts noch!?
Was sich diese Webmaster heutzutage alles erlauben...
 
Zuletzt bearbeitet:
Ich hab` mir die Seite auch nicht angeschaut, aber du meinst warscheinlich un-
gefär folgendes:
Code: 
<td style="background-color:#FFFFFFF;"
    onMouseOver="this.style['backgroundColor'] = '#DDDDDD';"
    onMouseOut="this.style['backgroundColor'] = '#FFFFFF';">
 
Dieses Problem lässt sich auch mit CSS lösen, wenn gewünscht:

siehe Quelltext:
Code: 
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a.blau:active {  
 font-family: Arial, Helvetica, sans-serif;                  
 font-size: 80%;
 color: #000000;                 
 text-decoration: none;                  
 text-align: center;                 
 width: 160px;                 
 padding: 2px;                 
 border: #CCFFFF;                 
 border-style: solid; 
 border-width: 1px
}
a.blau:link {  
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 80%;
 color: #000000; 
 text-decoration: none; 
 text-align: center; 
 width: 160px; 
 padding: 2px; 
 border: #CCFFFF; 
 border-style: solid; 
 border-width: 1px
}
a.blau:visited {  
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 80%;
 color: #000000; 
 text-decoration: none; 
 text-align: center; 
 width: 160px; 
 padding: 2px; 
 border: #CCFFFF; 
 border-style: solid; 
 border-width: 1px
}
a.blau:hover {  
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: #000000;
 background-color: #CCFFFF;
 text-decoration: none;
 text-align: center;
 width: 160px;
 padding: 2px;
 border: #006666;
 border-style: solid;
 border-width: 1px
}
-->
</style>
</head>

<body bgcolor="#FFFFFF">
<a href="http://www.tutorials.de" class="blau">www.tutorials.de</a> 
</body>
</html>

Gruss
Camelion
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück