html
<div class="navi1"> <ul> <li class="sm1"><a href="http://www.deepubalan.com"></a></li> <li class="sm2"><a href="http://www.deepubalan.com"></a></li> <li class="sm3"><a href="http://www.deepubalan.com"></a></li> <li class="sm4"><a href="http://www.deepubalan.com"></a></li> <li class="sm5"><a href="http://www.deepubalan.com"></a></li> </ul> </div>css
/* --------------------Menu style #1-------------------- */
.navi1 {
width: 525px;
position: relative;
display: block;
margin:0 auto;
height: 72px;
}
.navi1 ul {
float: none;
list-style-image: none;
list-style-type: none;
margin: 3px 0;
}
.navi1 ul li {
height: 72px;
background-image: url(tab-1.png);
background-repeat: no-repeat;
float: left;
margin: 0px;
position: absolute;
padding-top: 5px;
}
.navi1 ul li a{
width: 100%;
height: 100%;
display: block;
}
.navi1 ul li.sm1 {
background-position: 0px 0px;
width: 125px;
left: 0px;
}
.navi1 ul li.sm2 {
background-position: -125px 0px;
width: 124px;
left: 100px;
}
.navi1 ul li.sm3 {
background-position: -249px 0px;
width: 124px;
left: 200px;
}
.navi1 ul li.sm4 {
background-position: -373px 0px;
width: 125px;
left: 300px;
}
.navi1 ul li.sm5 {
background-position: -498px 0px;
width: 126px;
left: 400px;
}
.navi1 ul li:hover{
z-index: 1000;
}
.navi1 ul li.sm1:hover {
background-position: 0px -75px;
}
.navi1 ul li.sm2:hover {
background-position: -125px -75px;
}
.navi1 ul li.sm3:hover {
background-position: -249px -75px;
}
.navi1 ul li.sm4:hover {
background-position: -373px -75px;
}
.navi1 ul li.sm5:hover {
background-position: -498px -75px;
}tema klasöründe css dosyası css/reset.css olarak ayarlanmış temayı yapan kişi tarafından.Normalde şöyle görünmesi gerekiyor;
Ama eklediğimde sadece . . . . . oluyor 5 tane nasıl düzeltebilirim?
Not: . sorununu biraz düzelttim fakat şimdide şu şekil bozuk duruyor nasıl düzeltirim?
http://aksiadam.net/deneme/tasarim1/