• 09-01-2011, 20:05:36
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba
    Şu şekilde bir sorun yaıyorum. sidebar için Üç png hazırladım, üst kısım, orta kısım ve alt kısım. içeri eklenen içerik orta div e bağlı olarak çalışıyor.velakin yukarı aldığımda bu reklam gifi arka planda kalıyor.Onu üst kısımda nasıl birakabilirim Yani reklam arkasında duracak.

    .left-menu-reklam {
    
        width:210px;
    
        height:90px;
    
        background:url(resim/reklam.png) no-repeat left top;
    
        padding-left:20px;
    
        line-height:36px;
    
        font-family: Aller, sans-serif;
    
        font-size: 11px;
    
        font-style: normal;
    
        font-weight: bold;
    
        color: #FFF;
    
        text-decoration: none
    
    }
    .left-menu-bottomreklam {
    
        background:url(resim/reklamalt.gif) no-repeat left top;
    
        height:26px;
    
        width:210px
    
    }
    .reklam {
    
        color: #e4e4e4;
    
        font: normal 11px/23px Aller, sans-serif;
    
        line-height: 23px;
    
        margin-bottom:10px;
    
        width:210px;
    
        margin:0px auto;
        padding-left:25px;
    
        background:url(resim/reklamorta.gif) repeat-y left bottom;
    
    }
    Sidebar php kodu

    <div class="left-menu">
    <div class="left-menu-reklam"></div>
    <div class="reklam">
    <?php 
    global $default_120reklam;
    $reklam120 = get_option('reklam120');
    if ($reklam120 === false) $reklam120 = $default_120reklam;
    echo (stripslashes($reklam120));
    ?>
    </div>
    <div class="left-menu-bottomreklam"></div>
    </div>
    Aşağıdaki gibi resim normal ekleyince çıkıyor, yandaki ise orta kısmı marginle yukarı aldığımda oluyor ve o yandaki resimedki gibi reklam resmi üstüne çıkıyor.Reklam resminin üste kalmasını nasıl sağlarım.




    Yardımlarınız için şimdiden teşekkürler
  • 09-01-2011, 20:27:21
    #2
    reklam div'ine

    position:relative; z-index:2;
    diğer altta kalacak kısma

    position:relative; z-index:1;
    yaparsanız sorunu çözebilirsiniz.
  • 09-01-2011, 20:54:29
    #3
    üstat çok sağolasın
    .left-menu{position:relative}
    .left-menu-reklam{position:absolute; right:10; top:0; z-index:100;}

    dğeri ekleyerek sorunu çözdüm.teşekkürler