• 13-12-2010, 01:28:46
    #1
    Merhaba photoshopda çizdiğim resmi css yapıyorum ve bir temanın sidebarına ekliyorum. Her şey normal gorunuyor fakat bu temanın bazı arka plan resinleri benim oluşturdugum divde arka plan olarak gorunuyor ve tasarımı bozuyor. Kısacası bir divi diğer tüm arka planlardan bagımsız yapmak mumkun mudur. Yani önceden belirtilmiş hiç bir css kuralına bagımlı kalmadan tüm arka planlar yok sayılarak sadece o div classın içindeki cssler geçerli olsun istiyorum. Bunu yapmak için nasıl bir yol izlemeliyim cssye nasıl bir kod eklemeliyim. Epey araştırdım ama bulamadım. Yardımcı olursanız sevinirim.

    Daha açıklayıcı olması için resim ekledim:




    Uploaded with ImageShack.us



    Kısacası sorun resimdeki alakasız backgroundların resim içinde çıkması. Ayrıca nasıl çıkıyorlar anlamadım.

    css kodu:

    div.Table_01 {
        position:relative;
        left:0px;
        top:0px;
        width:278px;
        height:230px;
    background-image: inherit;
    
    }
    
    div.sohbet-kalite-login-01_ {
        position:absolute;
        left:0px;
        top:0px;
        width:278px;
        height:57px;
    }
    
    div.sohbet-kalite-login-02_ {
        position:absolute;
        left:0px;
        top:57px;
        width:11px;
        height:1px;
    }
    
    div.sohbet-kalite-login-03_ {
        position:absolute;
        left:11px;
        top:57px;
        width:17px;
        height:1px;
    }
    
    div.sohbet-kalite-login-04_ {
        position:absolute;
        left:28px;
        top:57px;
        width:219px;
        height:1px;
    }
    
    div.sohbet-kalite-login-05_ {
        position:absolute;
        left:247px;
        top:57px;
        width:9px;
        height:1px;
    }
    
    div.sohbet-kalite-login-06_ {
        position:absolute;
        left:256px;
        top:57px;
        width:22px;
        height:64px;
    }
    
    div.sohbet-kalite-login-07_ {
        position:absolute;
        left:0px;
        top:58px;
        width:105px;
        height:64px;
    }
    
    div.sohbet-kalite-login-08_ {
        position:absolute;
        left:105px;
        top:58px;
        width:151px;
        height:21px;
    }
    
    div.sohbet-kalite-login-09_ {
        position:absolute;
        left:105px;
        top:79px;
        width:3px;
        height:24px;
    }
    
    div.sohbet-kalite-login-10_ {
        position:absolute;
        left:108px;
        top:79px;
        width:148px;
        height:6px;
    }
    
    div.sohbet-kalite-login-11_ {
        position:absolute;
        left:108px;
        top:85px;
        width:148px;
        height:11px;
    }
    
    div.sohbet-kalite-login-12_ {
        position:absolute;
        left:108px;
        top:96px;
        width:148px;
        height:25px;
    }
    
    div.sohbet-kalite-login-13_ {
        position:absolute;
        left:105px;
        top:103px;
        width:3px;
        height:18px;
    }
    
    div.sohbet-kalite-login-14_ {
        position:absolute;
        left:105px;
        top:121px;
        width:3px;
        height:1px;
    }
    
    div.sohbet-kalite-login-15_ {
        position:absolute;
        left:108px;
        top:121px;
        width:46px;
        height:1px;
    }
    
    div.sohbet-kalite-login-16_ {
        position:absolute;
        left:154px;
        top:121px;
        width:124px;
        height:24px;
    }
    
    div.sohbet-kalite-login-17_ {
        position:absolute;
        left:0px;
        top:122px;
        width:154px;
        height:63px;
    }
    
    div.sohbet-kalite-login-18_ {
        position:absolute;
        left:154px;
        top:145px;
        width:34px;
        height:40px;
    }
    
    div.sohbet-kalite-login-19_ {
        position:absolute;
        left:188px;
        top:145px;
        width:50px;
        height:20px;
    }
    
    div.sohbet-kalite-login-20_ {
        position:absolute;
        left:238px;
        top:145px;
        width:40px;
        height:40px;
    }
    
    div.sohbet-kalite-login-21_ {
        position:absolute;
        left:188px;
        top:165px;
        width:50px;
        height:20px;
    }
    
    div.sohbet-kalite-login-22_ {
        position:absolute;
        left:0px;
        top:185px;
        width:278px;
        height:45px;
    }
  • 13-12-2010, 05:02:53
    #2
    hocam bundan kolay ne var, farklı gorunmesini istediğiniz div e farklı bir arka plan rengi verin olsun bitsin.

    hata nedenide muhtemelen :
    reset css'de yada ana css'nin bi yerlerinde div { background:#....} diye baslayan bir tanımlama var ondan alıyorsunuz..

    yani bi yerde butun divler için background tanımlaması yapılmış ondan çıkar bu sorun.. yoksa butun divlerde aynı background çıkması diye birşey söz konusu olmaz.
  • 13-12-2010, 09:50:34
    #3
    Dediğiniz gibi temada bir kaç yerde background tanımlanmış
    Örneğin;

    body { background:#797c7c url(img/bg.gif) top center; font-family:Arial; font-size:12px; color:#333; }
    .wpn_content { background:url(img/content_sidebar.gif) repeat-y right; padding:10px 7px 15px 7px; }

    .wpn_inner { background:url(img/content_bg.png); width:950px; padding:0 10px 0 10px; position:relative; margin-bottom:23px; clear:both; }


    Ayrıca ben cssde cok yeniyim dün başladım Bana biraz daha ayrıntılı yardımcı olursanız sevinirim. Tam olarak ne yapmam lazım şuanda?
  • 13-12-2010, 17:33:42
    #4
    narkoz adlı üyeden alıntı: mesajı görüntüle
    Dediğiniz gibi temada bir kaç yerde background tanımlanmış
    Örneğin;

    body { background:#797c7c url(img/bg.gif) top center; font-family:Arial; font-size:12px; color:#333; }
    .wpn_content { background:url(img/content_sidebar.gif) repeat-y right; padding:10px 7px 15px 7px; }

    .wpn_inner { background:url(img/content_bg.png); width:950px; padding:0 10px 0 10px; position:relative; margin-bottom:23px; clear:both; }


    Ayrıca ben cssde cok yeniyim dün başladım Bana biraz daha ayrıntılı yardımcı olursanız sevinirim. Tam olarak ne yapmam lazım şuanda?

    Alıntı
    div.Table_01 {
    position:relative;
    left:0px;
    top:0px;
    width:278px;
    height:230px;
    background-image: inherit;

    }
    üstteki ornekteki tanımlamadaki div. Table_01 yerine sadece . Table_o1 olarka kullanmanı öneririm. ben ne zaman sizin yaptıgınız gibi yaptım basıma dert aldım. bence oldukça gereksiz..


    sizin sorununuza gelince burada gosterdiğinize göre butun divlere herhangibi bir tanımlama yapılmamış. sanırım örnekte gosterdiğiniz resimdeki alanın arkaplan resmi transparant ondan body'deki arka plan resmini gosteriyor.. çünkü sizin gönderdiğiniz css bilgilerinden ancak bunu çıkartabiliyorum aklımada baskada neden gelmiyor.. zaten baskada bir neden olabileceğini zannetmiyorum

    bu nedeni dogurabilecek tüm nedenleri yazdım, kesinlikle biyerlerde göden kaçırdığınız birşey var