CSS ile hover düzeltme

kohnser

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.

1734701093659.png
 

Dosya Ekleri

  • Ekran görüntüsü 2024-12-20 160051.png
    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
    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.
 
Crimeron dedi:
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.
Genişletmek için tıkla...

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;
}
 
Crimeron dedi:
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.
Genişletmek için tıkla...
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.
 

Benzer konular

Maraza25
CSS hover kullanımı
Mesaj
1
Görüntüleme
2.388
300319
3
Beyaz atlı playboy
  • Çözüldü
Çözüldü  CSS butonlara hover veremiyorum
Mesaj
8
Görüntüleme
1.269
Beyaz atlı playboy
Beyaz atlı playboy
Yeniçocuk
  • Çözüldü
Çözüldü  CSS color hover çalışmıyor
Mesaj
6
Görüntüleme
2.401
Yeniçocuk
Yeniçocuk
kalistobey
Hover gidiş hızı
Mesaj
4
Görüntüleme
638
Ecmel
Ecmel
EmreEfe
  • Kilitli
Çözüldü  CSS İle Menü Ortalama
Mesaj
9
Görüntüleme
18.848
EmreEfe
EmreEfe

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı