Css Hover Komutu Sorunu

Web Tasarımı - Css Hover Komutu Sorunu ...

Cevapla
Css Hover Komutu Sorunu
mehmette isimli Üye şimdilik offline konumundadır

mehmette

Webmaster / Konya

Standart

Css Hover Komutu Sorunu

Alt 23-07-2012 #1
Sponsorlu Bağlantılar

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
<div class="menu_arasi"></div>
<a href="#"><div class="hakkimizda"></div></a>
<a href="#"><div class="iletisim"></div></a>
<a href="http://sanalistanbulrpg.com/forum/"><div class="forum"></div></a>
<a href="index.html"><div class="anasayfa"></div></a>
</div>
Css Kodu:
.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? Css Hover Komutu Sorunu
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

yeakca isimli Üye şimdilik offline konumundadır

yeakca(29)

Grafiker / Kütahya

Standart
Alt 24-07-2012 #2
                             Sponsorlu Bağlantılar
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.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Auto-Blend Layers Komutu eminduyum Photoshop Dersleri 0 26-06-2011 13:17:42
Auto-Align Layers Komutu eminduyum Photoshop Dersleri 0 26-06-2011 13:14:31
hitTest() komutu ve diğer kodlar hk. berrak_nurr Flash 3 23-10-2008 13:04:19
Resimleri boyutlandırma ve RESAMPLE komutu.. kasapcarlos Corel Draw 0 25-08-2008 11:21:26
verilen komutu diğerlerine uygulama? görkem Corel Draw 1 27-11-2007 12:31:34

Kapat
Şifremi Unuttum?