ul {
background: url('kafelki.png') no-repeat;
width: 800px;
height: 600px;
padding: 0;
margin: 0;
border: none;
list-style-type: none;
position: relative;
}
a {
text-decoration: none;
text-align: center;
display: block;
position: absolute;
line-height: 0.1em;
}
a:hover {
text-decoration: underline;
color: rgb(0,0,0);
}
#o1 a {
width: 200px;
height: 0;
left: 309px;
top: 21px;
padding-top: 36px;
padding-bottom: 36px;
}
#o1 a:hover {
background: url('kafelki.png') -800px 0px no-repeat;
}
Listing 35.4. Fragment stylów CSS z ćwiczenia 35.4
Rozdział 35. Kafelkowanie