a:hover Buttons

Furtano · 26 März 2011

Hallo,
warum funktionieren meine Buttons nicht wenn ich mit der Maus drüber gehe?
Danke!

Code:

<html>
<head>
<title>buttons</title>
<style>
   a       { background-image:url(Bilder/buttons_04.jpg);
           }
   a:hover { background-image:url(Bilder/buttons_03.jpg); }
 </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
            <a href="#" border="0"><img src="Bilder/buttons_03.jpg" alt=""></a>    
            <a href="#" border="0"><img src="Bilder/buttons_04.jpg" alt=""></a>    
            <a href="#" border="0"><img src="Bilder/buttons_05.jpg" alt=""></a>    

</body>
</html>

alogheo · 26 März 2011

Weil vor dem geänderten Hintergrundbild immer das <img> ist. Nehm es raus und leg die Höhe und Breite des Bildes in einem Div in dem Link fest:

HTML:

<html>
<head>
<title>buttons</title>
<style>
   a       { background-image:url(Bilder/buttons_04.jpg);
           }
   a:hover { background-image:url(Bilder/buttons_03.jpg); }
 </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
            <a href="#" border="0"><div style="height:100px;width:100px;margin:0;padding:0;">&nbsp;</div></a>
            <a href="#" border="0"><div style="height:100px;width:100px;margin:0;padding:0;">&nbsp;</div></a>
            <a href="#" border="0"><div style="height:100px;width:100px;margin:0;padding:0;">&nbsp;</div></a>
</body>
</html>

Elroy · 27 März 2011

alogheo schrieb:
Weil vor dem geänderten Hintergrundbild immer das <img> ist. Nehm es raus und leg die Höhe und Breite des Bildes in einem Div in dem Link fest:

Ein div in einem Link.
Du weisst schon wofür div da ist, oder?

@Furtano: Schau dir das mal an: http://www.1ngo.de/web/bildwechsel.html

Gruss
Elroy

a:hover Buttons

Furtano

Neues Mitglied

alogheo

Mitglied

Elroy

Senior HTML'ler

Neueste Beiträge