Witajcie, mam problem. Zrobiłem sobie menu pod logiem oparte o divy:
<div class='nawigacja'>
<a href='index.html'><div class='logo2'></div></a>
<a href='index.html'><div class='logo3'></div></a>
<a href='index.html'><div class='logo4'></div></a>
<a href='index.html'><div class='logo5'></div></a>
</div>
/*buttony logo2-logo5*/
.nawigacja {
margin: 0 auto;
width: 770px;
height: 79px;
display: block;
padding: 0 auto;
}
.logo2 {
background: url(images/logo2.png) no-repeat;
height: 76px;
width: 233px;
float: left;
}
.logo2 {
background: url(images/logo2.png) no-repeat;
height: 76px;
width: 233px;
float: left;
}
.logo3 {
background: url(images/logo3.png) no-repeat;
height: 76px;
width: 189px;
float: left;
}
.logo4 {
background: url(images/logo4.png) no-repeat;
height: 76px;
width: 171px;
float: left;
}
.logo5 {
background: url(images/logo5.png) no-repeat;
height: 76px;
width: 171px;
float: left;
}
Chciałbym aby po nejechaniu na <div class='logo2'>, tło zmieniało się na jakiś inny plik.
Próbowałem:
.logo2 {
background: url(images/logo2.png) no-repeat;
height: 76px;
width: 233px;
float: left;
}
.logo2:hover {
background: url(images/logo2_a.png) no-repeat;
height: 76px;
width: 233px;
float: left;
}
Ale nie działa, nie mam pojęcia jak to można zrobić?
Edytowane przez Pieka dnia 23.06.2009 13:55:07
|