Çözüldü HTML liste öğelerine resim ekleme

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Jarvis0

Hectopat
Katılım
8 Eylül 2019
Mesajlar
134
Arkadaşlar HTML'de liste oluştururken her bir liste satırına resimde görüldüğü gibi "<img>" etiketi dışında nasıl resim ekleyebilirim?
 

Dosya Ekleri

  • resim_2022-05-15_201237623.png
    19,6 KB · Görüntüleme: 71
Çözüm
Arkadaşlar HTML'de liste oluştururken her bir liste satırına resimde görüldüğü gibi "<img>" etiketi dışında nasıl resim ekleyebilirim?

CSS Kodumuz – 1. Yöntem “li” Etiketini Biçimlendirmek​

Aşağıdaki kod ile yapmış olduğumuz olay listeleme etiketinin standart liste tipini iptal edip (list-style-type:none, istediğimiz bir arkaplan resmi atamak ve bunu en sola dayamak.
[css]#sen ul li {
list-style-type:none;
background:url(../resimler/ikon.gif) left center no-repeat;
padding:5px 0px 5px 25px;
}
#sen ul li:hover {
background:url(../resimler/ikon2.gif) left center no-repeat ;
}
#sen ul li a {
text-decoration:none;color: #006400;
}
#sen ul li a:hover {
color:#666666;
}[/css]
Arkadaşlar HTML'de liste oluştururken her bir liste satırına resimde görüldüğü gibi "<img>" etiketi dışında nasıl resim ekleyebilirim?

CSS Kodumuz – 1. Yöntem “li” Etiketini Biçimlendirmek​

Aşağıdaki kod ile yapmış olduğumuz olay listeleme etiketinin standart liste tipini iptal edip (list-style-type:none, istediğimiz bir arkaplan resmi atamak ve bunu en sola dayamak.
[css]#sen ul li {
list-style-type:none;
background:url(../resimler/ikon.gif) left center no-repeat;
padding:5px 0px 5px 25px;
}
#sen ul li:hover {
background:url(../resimler/ikon2.gif) left center no-repeat ;
}
#sen ul li a {
text-decoration:none;color: #006400;
}
#sen ul li a:hover {
color:#666666;
}[/css]
 
Son düzenleme:
Çözüm

Çok teşekkür ederim.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…