Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Css Hover Komutu Sorunu

mehmette

🌱Yeni Üye🌱
Katılım
12 Haz 2012
Mesajlar
10
Tepkime puanı
0
Sanal stanbul Role Play arkadaşlar bu siteyi bitirmek üzereyim ancak mesela menu'deki resimlerin üstüne geldiğinizde ilk başka ikinci resim gelmiyor bi kayboluyor sonra 2. resim geliyor bizi takip edin bölümündeki resimlerde öyle ancak yazılarda böyle bir sorun yok menunun kodlarını vereyim;
Html Kodu
Kod:
<div class="menu_arasi"></div>
<a href="#"><div class="hakkimizda"></div></a>
<a href="#"><div class="iletisim"></div></a>
<a href="https://sanalistanbulrpg.com/forum/"><div class="forum"></div></a>
<a href="index.html"><div class="anasayfa"></div></a>
</div>
Css Kodu:
Kod:
.hakkimizda {
    width: 120px; 
    height: 15px;
    float:right;
    background:url(resim/hakkimizda.png) no-repeat;
    margin-right: -360px;
    margin-top: 55px;
}

.hakkimizda:hover {
    width: 120px; 
    height: 15px;
    float:right;
    background:url(resim/hakkimizda1.png) no-repeat;
    margin-right: -360px;
    margin-top: 55px;
}

.iletisim {
    width: 77px; 
    height: 19px;
    float:right;
    background:url(resim/iletisim.png) no-repeat;
    margin-right: -205px;
    margin-top: 53px;
}

.iletisim:hover {
    width: 77px; 
    height: 19px;
    float:right;
    background:url(resim/iletisim2.png) no-repeat;
    margin-right: -205px;
    margin-top: 53px;
}

.forum {
    width: 66px; 
    height: 14px;
    float:right;
    background:url(resim/forum.png) no-repeat;
    margin-right: -88px;
    margin-top: 56px;
}

.forum:hover {
    width: 66px; 
    height: 14px;
    float:right;
    background:url(resim/forum2.png) no-repeat;
    margin-right: -88px;
    margin-top: 56px;
}

.anasayfa {
    width: 98px; 
    height: 14px;
    float:right;
    background:url(resim/anasayfa.png) no-repeat;
    margin-right: 10px;
    margin-top: 56px;
}

.anasayfa:hover {
    width: 98px; 
    height: 14px;
    float:right;
    background:url(resim/anasayfa2.png) no-repeat;
    margin-right: 10px;
    margin-top: 56px;
}
Bu arada sizce tasarım nasıl? :D
 

yeakca

⭐Deneyimli Tasarımcı⭐
Katılım
11 Haz 2007
Mesajlar
112
Tepkime puanı
2
Web sitesi
www.yeakca.com
Eğer öyle olmasını istemiyorsan CSS Sprite özelliğini kullan. Kullandığın imajları tek bir alanda topla ve kullanacağın imaj bölümlerini x ve y koordinatlarını belirterek kullanabilirsin.
 
Üst