Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
wmaraci reklam
wmaraci reklam

A:Hover Sorunu?

 8 Mesajlar 2.968 Okunma
Toplam 8 mesaj ve 2.968 görüntüleme
acebozum
wmaraci reklam

#1
dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1070
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)



Resimdeki sarı kısım, kırmızıya doğru uzasın istiyorum da...

.menu{
background-image:url(images/menu.png);
background-repeat:no-repeat;
width:978px;
height:41px;
position: absolute; /*ortalama başlangıç*/
left: 50%;
top: 230px;
margin-left: -489px; /*width ın yarısı-bitiş*/
padding-top:10px;
padding-left:36px;
}
.menu li{
font-size:17px;
font-family:Myriad Pro;
color:#FFFFFF;
display:inline;
padding: .0px 17px;
}
.menu li a{
font-size:17px;
font-family:Myriad Pro;
color:#FFFFFF;
display:inline;
text-decoration:none;
}
.menu li a:hover{
background-color:#00FF00;
height:41px; width:100%;
color:#00F;
}
.menu ayrac{
background-image:url(images/ayrac.png);
background-repeat:no-repeat;
width:1px; height:20px;
}


  • Anasafya


  • Okulumuz

  • Alanlarımız

  • Etkinliklerimiz

  • E-Okul

  • Haber-Duyuru

  • Tanıtım Filmi


  • İletişim

    •  

     

    wmaraci reklam
    reklam

    #2
    bd bd WM Aracı Kullanıcı
    • Üyelik 26.10.2010
    • Yaş/Cinsiyet 35 / E
    • Meslek 2
    • Konum Manisa
    • Ad Soyad B** D**
    • Mesajlar 4926
    • Beğeniler 784 / 3956
    • Ticaret 18, (%100)
    li etiketine hover vermeye denedin mi?

    Örnek:
    .menu li:hover{
    background-color:#00FF00;
    height:41px; width:100%;
    color:#F000000;
    }
     

     

    #3
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 29 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1070
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)
    Zaten yazıyor orda...
     

     

    #4
    mhmt9126 mhmt9126 mehmetunlu.org Kullanıcı
    • Üyelik 13.11.2011
    • Yaş/Cinsiyet 34 / E
    • Meslek Esnaf
    • Konum Eskişehir
    • Ad Soyad M** Ü**
    • Mesajlar 261
    • Beğeniler 21 / 38
    • Ticaret 0, (%0)

    Burak adlı üyeden alıntı

    li etiketine hover vermeye denedin mi?

    Örnek:
    .menu li:hover{
    background-color:#00FF00;
    height:41px; width:100%;
    color:#F000000;
    }


    Ya da li etiketindeki padding değerlerini sıfırla, a etiketine padding ver ve line-height uygula yeteri derecede. O zaman sorunun düzelecektir. Dengeli bir biçimde burak arkadaşımızında dediği gibi sadece li etiketine li:hover uygulayabilirsin.
     

     

    wmaraci
    wmaraci

    #5
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 29 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1070
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)
    Çok özür diliyorum @Burak; Benim kodlarımda ...li a:hover... varmış siz ise ...li:hover... demişiniz..
     

     

    #6
    bd bd WM Aracı Kullanıcı
    • Üyelik 26.10.2010
    • Yaş/Cinsiyet 35 / E
    • Meslek 2
    • Konum Manisa
    • Ad Soyad B** D**
    • Mesajlar 4926
    • Beğeniler 784 / 3956
    • Ticaret 18, (%100)
    Bende onu diyecektim şimdi :) Sorun çözüldümü şimdi?
     

     

    #7
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 29 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1070
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)

    Burak adlı üyeden alıntı

    Bende onu diyecektim şimdi :) Sorun çözüldümü şimdi?




    .menu li{
    font-size:17px;
    font-family:Myriad Pro;
    color:#FFFFFF;
    display:inline;
    padding: .0px 17px;
    }
    .menu li:hover{
    background-color:#00FF00;
    width:100%; height:100%;
    }
    .menu li a{
    font-size:17px;
    font-family:Myriad Pro;
    color:#FFFFFF;
    display:inline;
    text-decoration:none;
    }
    .menu li a:hover{
    color:#00F;
    }

    Şimdi ise yukarı ve aşağı yok. Sol'dan da az bişey yok! :)
     

     

    #8
    bd bd WM Aracı Kullanıcı
    • Üyelik 26.10.2010
    • Yaş/Cinsiyet 35 / E
    • Meslek 2
    • Konum Manisa
    • Ad Soyad B** D**
    • Mesajlar 4926
    • Beğeniler 784 / 3956
    • Ticaret 18, (%100)
    Hmm anladım. Arkaplan resim olduğu için böyle oluyor.

    Üstte ve solda oluşan boşlukların sebebi de ul ve li'lere verilen padding değerleri.
     

     

    HTML Temel Etiketleri ve Komut Yapısı
    1 saatlik uğraş
    wmaraci
    wmaraci
    Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
     
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al