CSS ile hover düzeltme

kohnser

Hectopat
Katılım
15 Nisan 2021
Mesajlar
163
Çözümler
1
Daha fazla  
Cinsiyet
Erkek
CSS öğrenmeye çalışıyorum ancak kendime tasarlamaya çalıştığım sitede bir navigation bar yapmayı düşünüyorum. Bu navigation bar önce dikey olacak sonra ben onu yataya çevireceğim ancak hover özelliği konusunda sıkıntı yaşıyorum. Bütün satırın üzerine geldiğimde renk değiştirmesini istiyorum ancak sadece <a> kısmı renk değiştiriyor sanırsam. Yardım edebilecek varsa resim ektedir.

Arkadaşlar, düzelttim ve kodun düzeltilmiş halini belki yardım dokunur diye incelemeniz için bırakıyorum.

 

Dosya Ekleri

  • Ekran görüntüsü 2024-12-20 160051.png
    7,7 KB · Görüntüleme: 31
  • Ekran görüntüsü 2024-12-20 160115.png
    62 KB · Görüntüleme: 34
Son düzenleme:
CSS: 
ul li:hover {
 background-color: blue;
}

Dener misin? Ve tavsiyem ChatGPT kullanman. Şu anda sektörde neredeyse kullanmayan yok. Tüm işlerini değil de öğrenirken bu tip ufak şeyleri sorabilirsin.
 

Hocam class ve ID kullanmadan yapmayı ben de biliyorum ancak daha sonra sayfa içersine eklediğim diğer listeleri bozmaması açısından class ve ID kullanıyorum burada. Önerin için teşekkür ediyorum.
 
kohnser dedi:
Hocam class ve ID kullanmadan yapmayı ben de biliyorum ancak daha sonra sayfa içersine eklediğim diğer listeleri bozmaması açısından class ve ID kullanıyorum burada. Önerin için teşekkür ediyorum.
Genişletmek için tıkla...
O zaman bunu istediğinizi düşünüyorum.
CSS: 
#navbarul .ulli:hover {
  background-color: blue;
}
 
ChatGPT güzel yardım etmiş, iki cevabında da tüm navbarın rengini değiştirmişsin.

Ufak şey dediğin en temel olaylardan biri.
 
Son düzenleme:
kaan.w dedi:
ChatGPT güzel yardım etmiş, iki cevabında da tüm navbarın rengini değiştirmişsin.
Genişletmek için tıkla...

Zaten yapmam gerekenin o olduğunu düşünmüştüm? Kendim HTML Online compiler üzerinden yaptım ve aynı şekilde çalışıyor. Arkadaş demiş ya 'daha sonra sayfa içersine eklediğim diğer listeleri bozmaması açısından class ve ID kullanıyorum burada.' daha sonra eklediği listelerde farklı ID'yi verip arka plan rengini değiştirmek isteyebilir. O yüzden tam olarak o listeyi gösteren '#navbarul' yazısını başına ekledim. Yani arkadaşın en son yaptığı çözümle benim yaptığım çözüm aynı sadece benimkisi daha da spesifik, ID'ye göre işi yapıyor.

kaan.w dedi:
Ufak şey dediğin en temel olaylardan biri.
Genişletmek için tıkla...
Aynen temel olay zaten bu temel olay için chatgpt kullanılabilir. Sizin söylediğinizi anladım bu arada galiba arasına virgül ya da artı işareti koyduğumu sandınız. Eğer öyle değilse 'Combinator' olayına bir bakın isterseniz.
 
Son düzenleme:
Crimeron dedi:
Aynen temel olay zaten bu temel olay için chatgpt kullanılabilir.
Genişletmek için tıkla...
Basit şeyleri mantığını anlamadan kopyala yapıştır yapmanın sağlıklı olduğunu düşünmüyorum.

Crimeron dedi:
Sizin söylediğinizi anladım bu arada galiba arasına virgül ya da artı işareti koyduğumu sandınız.
Genişletmek için tıkla...
Evet kusuruma bakmayın. Uzun zamandır CSS ile iş yapmadım, karıştırmışım.
 
kaan.w dedi:
Basit şeyleri mantığını anlamadan kopyala yapıştır yapmanın sağlıklı olduğunu düşünmüyorum.
Genişletmek için tıkla...

Ben kopyala yapıştır demedim öğrenirken kullanabilirsin dedim. ChatGPT ile kendini çok rahat bir şekilde eğitirsin. Google gibi kullanabiliyorum arada ChatGPT'yi bir de ha Google'dan öğrenmişsin ha ChatGPT'den öğrenmişsin ben bir fark göremiyorum. Kopyala yapıştır yapmadığın sürece.
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…