Selamlar herkese
CSS'de yatay menü üzerine bir çalışmam var. Takıldığım bir noktayı sormak istiyorm.
Yatay menüde Ana Sayfa - Hakkımızda - İletişim şeklinde bağlantıların olduğunu düşünün. Üzerlerine gelindiğinde linkin üzerinde bir imaj göstermem gerekli. Örneğin iletişimin üzerine geldiğinizde onun belli mesafe üstünde telefon ikonu göstereceğim.
Bununla ilgili çeşitli sıkıntılar yaşadım. En kabaca çözüm örneğini aşağıda veriyorum. Bu örnekte sadece linkin üzerine değil doğrudan katmanın üzerine gelince arka plan zeminini değiştiriyorum. Böylece link üzerine gelince değişmiş gibi duruyor ama bu biraz çakma bir çözüm oldu. Farklı ve en uygun çözüme yakın önerilerinizi bekliyorum.
.test{
height:20px;
width:125px;
display:block;
border:1px;
border-color:black;
border-style:solid;
padding-top:67px;
text-align:center;
}
.test:hover{
background-image:url('iletişim ikon.png');
background-repeat:no-repeat;
background-position:0 0;
}
