nicht angemeldet
Buttons mit Bildern
hallo,
hier erst mal mein code:
<head>
<style type="text/css">
<!--
.button { width:144; height:126; }
a.button:link { background-image:url(normal.jpg); }
a.button:visited { background-image:url(normal.jpg); }
a.button:hover { background-image:url(hover.jpg); }
a.button:active { background-image:url(hover.jpg); }
-->
</style>
</head>
<body>
<a class="button" href="http://www.google.de"></a>
</body>
ich möchte grafische buttons machen, wobei beim hovern mit der mouse eine andere grafik erscheinen soll.
das funzt wunderbar im internet-explorer, leider nicht mit netscape. im netscape ist noch nicht mal die grafik zusehen. wie kann ich das auch für netscape reallisieren? mit kann es zwar auch mit javascript machen:
/* javascript code */
normal1 = new Image();
normal1.src = "normal.jpg";
hover1 = new Image();
hover1.src = "hover.jpg";
function bildwechsel(bildnr,bildobjekt)
{
window.document.images[bildnr].src = bildobjekt.src;
}
/* javascript code */
aber auf javascript möchte ich gerne verzichten. hat jemand ne idee? kann mir jemand weiter helfen? würde mich sehr freuen.
gruß
torsten
-
hab meim problem selbt lösen können, un zwar mit
display:block;
gruß
torsten -
hi,
.button { width:144; height:126; }
hier ist in beiden fällen neben dem wert auch noch die angabe einer einheit erforderlich.
gruss,
wahsaga-
hi,
.button { width:144; height:126; }
hier ist in beiden fällen neben dem wert auch noch die angabe einer einheit erforderlich.ich weiß, hatte ich nur vergessen, danke aber das lösst das problem nicht...
gruß
-