Hallo Ihrs,
Hab das eben mal aus eigenem Interesse probiert und dabei festgestellt,
dass:
- das Inline Element <a></a> in ein Block-Element umgewandelt werden muss
- und diesem die Höhe der Bilder zugewiesen werden muss
- Hintergrund nicht wiederholt werden darf (logisch)
- und somit auf jeglichen Text im Link verichtet werden kann.
Wen es interessiert hier der Code:
Code:
<style type="text/css">
a{
background-image:url(nopic2.gif);
background-repeat:no-repeat;
display: block;
height:105px;
width:100px;
}
a:hover {
background-image:url(nopic1.gif);
background-repeat:no-repeat;
}
</style>
</head>
<body>
<a href="link" target="ziel"></a>
</body>
Hat da jemand ne andere Lösung zu ???
würde mich echt ma interessieren.
Edit:Ui Ui,...... und die
Breite muss natürlich auch noch angegeben werden,..da sonst die
ganze body-breite aktiv ist und hovert,. wie ich grade bemerkt hab lalalala
