Hallo,
Hab n Problem mit meinen Button. Sie bestehen aus Bilder und bei Hover wird das Bild mit einem andren Bild gewechselt. Nur der wechsel bei Mouse Over klappt nicht.
HTML
ul {
margin: 0;
padding: 0;
width: 640px;
height: 96px;
float: right;
list-style: none;
}
li#a {
width: 160px;
height: 96px;
float: left;
background-image: url('button.jpg');
}
li#a:hover, {
width: 80px;
height: 96px;
background-image: url('buttonhover.jpg');
}
li#b {
width: 80px;
height: 96px;
float: left;
background-image: url('button2.jpg');
}
li#b:hover, {
width: 80px;
height: 96px;
background-image: url('button2hover.jpg');
}
li#c {
width: 80px;
height: 96px;
float: left;
background-image: url('button3.jpg');
}
li#c:hover, {
width: 80px;
height: 96px;
background-image: url('c2.png');
}
li#d {
width: 80px;
height: 96px;
float: left;
background-image: url('button4.jpg');
}
li#d:hover, {
width: 80px;
height: 96px;
background-image: url('d2.png');
}
li#e {
width: 80px;
height: 96px;
float: left;
background-image: url('button5.jpg');
}
li#e:hover, {
width: 80px;
height: 96px;
background-image: url('e2.png');
}
li#f {
width: 80px;
height: 96px;
float: left;
background-image: url('button6.jpg');
}
li#e:hover, {
width: 80px;
height: 96px;
background-image: url('e2.png');
}
li#g {
width: 80px;
height: 96px;
float: left;
background-image: url('button7.jpg');
}
li#e:hover, {
width: 80px;
height: 96px;
background-image: url('e2.png');
}
li a {
display: block;
width: 80px;
height: 96px;
}
Alles anzeigen
Kann mir bitte einer weiterhelfen?
MfG