Css de Sorun

webstar

OpenCart-TR
Katılım
30 Kas 2011
Mesajlar
10
Tepkime puanı
0
Puanları
0
Arkadaşlar z-index i kullanarak veya kullanmayarak bir divi öbürünün üstüne çıkaramadım yani katman üste çıkmadı bir türlü nerede hata yapıyorum sizce kodları ekliyorum.
En üst katmanda Görüntülenmesini istediğim kod:
Kod:
#menu > ul > li > div {
    display: none;
    background: url(../image/isik.png) repeat top center ;
    position: absolute;
    z-index: 1;
    padding: 5px;
    border: 1px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    
}
Bir türlü Alta alamadığım kod:)
Kod:
#header #search {
position: absolute;
    top: 184px;
    right: 5px;
    width: 298px;
}
#header .button-search {
    position: absolute;
    right: 10px;
    background: url('../image/arama-butonu.png')  center no-repeat;
    width: 60px;
    height: 27px;
    top:2px;
    cursor: pointer;
}
#header #search input {
    background:url('../image/arama-input.png')  center no-repeat;
    padding: 1px 1px 1px 7px;
    width: 224px;
    height: 27px;
    border: 0px solid #CCCCCC;
        
}

özet olarak üstteki açılır menünün kodunun arama kutusunun üstüne çıkmasını istiyorum hep arama kutusunun altında kalıyo.
Not: margin değerleriyle pozisyon değiştirme gibi bişey anlaşılmasın sorun Z ekseninde (yüzeye dik eksen ) umrarım anlatabildim.
 

osdem66

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
58
Web sitesi
opencart-themes.org
Merhaba;
#header #search {

bu css sınıfında z-index vermelsiniz.. altta kalmasını istediginize düşük üstte olmasını istediginize de yüksek z-index değeri verin..
 
Üst