Menüleri Link ve Resimlerin Üzerinde Gösterme

Bu bölümümüzde HTML uzantılı web sayfaları hakkında aradığınıza ulaşabileceksiniz..Java Kodlar, programlar ve daha niceleri..
Cevapla
Kullanıcı avatarı
VSaBaH
Tasarımcı Yönetici
Tasarımcı Yönetici
Mesajlar: 6135
Kayıt: 21 Kas 2005 [ 23:54 ]

Menüleri Link ve Resimlerin Üzerinde Gösterme

Mesaj gönderen VSaBaH »

Menüleri Link ve Resimlerin Üzerinde Gösterme

Resim


Birçok tasarımcının sık sık karşılaştığı bir sorun olan özellikle açılır menülerin (navigasyon menü) aşağıya veya sağa doğru açıldığında resimin ya da yazının altında kalma sorununu bir satırlık CSS koduyla çözmek mümkün.

Sorunun mantıken açıklaması ise yukarıdaki resimde güzelce açıklanmış. Resimleri z ekseni üzerinde bir sıraya sokarak bu sorunu çözüyoruz.



İŞTE ÇÖZÜMÜ!

Çözüm Z-index kodu ile ilgili. aşağıdaki kodu menülerinizin style kodları içinde uygun bir yere ekleyiniz. Böylece menüleriniz katman olarak en üstte kalacaktır.

Kod: Tümünü seç

z-index : 1 ; 

(Şayet .css dosyaları üzerine deneyimli değilseniz, kodu menününüzün .css uzantılı dosyasında tüm { } tagları arasına koymanızı öneririm.)

Örnek Yerleştirme:

Kod: Tümünü seç

.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
z-index : 1 ;
} 


Çözüm bu kadar…



Anahtar Kelimeler: açılır menü, Altında, ayarları, CSS, CSS3, flashın, Kalıyor, katman, Linkerim, menü, navigasyon menü, Resimlerin, z-index, menülerim linklerin altında kalıyor, menülerim resimlerin altında kalıyor, menülerim düzgün görünmüyor, menülerim bozuk görünüyor, menüler düzgün görünmüyor linklerin altında kalıyor

>>


 !
REKLAMLARA YAPILAN TIKLAMA BİZİM TEK GELİR KAPIMIZDIR. LÜTFEN ADBLOCK TARZI EKLENTİLERLE REKLAMLARI ENGELLEMEYELİM. BİZE EN GÜZEL TEŞEKKÜRÜ BU ŞEKİLDE YAPABİLİRSİNİZ. TEŞEKKÜRLER...


Resim

Cevapla