Hallo zusammen,
ich möchte ein Bild mit folgender Möglichkeit gegen ein anderes austauschen.
a
{
background-image:url(bild.gif);
}
a:hover
{
background-image:url(bild_mouseover.gif);
}
Nur leider erscheint, dass Bild nicht in voller Größe (165x105 Pixel), sondern ist vielleicht nur ein Viertel so groß.
THX im voraus.
Hallo,
Das Bild wird natürlich nur in der Box dargestellt, die dein anchortag definiert. Wenn das Bild größer ist als dein Link, musst du das anchortag zu einem block-level element machen (display: block:wink: und diesem eine Größe zuweisen (width: 165px; height: 105px:wink:.
Daniel
Danke für die Antwort,
leider bin ich noch Anfänger. Ist es möglich diese Lösung in den bereits bestehenden Quellcode einzufügen?
DIV.menu SPAN {
BACKGROUND-IMAGE: url(http://www.beispielseite.de/1.jpg)
}
DIV.menu SPAN A {
PADDING-RIGHT: 10px; PADDING-LEFT: 100px; PADDING-BOTTOM: 100px; PADDING-TOP: 100px; TEXT-DECORATION: none
}
DIV.menu A:hover {
BACKGROUND-IMAGE: url(http://www.beispielseite.de/2.jpg); COLOR: #ffffff
}
Aktuelles
Hallo,
ich habe die Änderungen unten in den von dir geposteten Code eingefügt.
Daniel
Danke für die Antwort,
leider bin ich noch Anfänger. Ist es möglich diese Lösung in
den bereits bestehenden Quellcode einzufügen?DIV.menu SPAN {
BACKGROUND-IMAGE: url(http://www.beispielseite.de/1.jpg)
}
DIV.menu SPAN A {
PADDING-RIGHT: 10px; PADDING-LEFT: 100px; PADDING-BOTTOM:
100px; PADDING-TOP: 100px; TEXT-DECORATION: none;
<STRONG>width: 165px;
height: 105px;
display: block;
</STRONG>
}
DIV.menu A:hover {
BACKGROUND-IMAGE: url(http://www.beispielseite.de/2.jpg);
COLOR: #ffffff
}Aktuelles
