Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

CSS'de Arkaplan Tekrarlama!

 9 Mesajlar 16.649 Okunma
acebozum
tr.link

#1
dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Merhabalar! Bir site için header kısmındaki iki resmin tekrarlanması gerkiyor, ama...?

CSS Kodları:
.en-ust-a{
width:1178px; height:26px;
background-image:url(images/ust-a.png);
background-repeat:repeat-x;
position: absolute;
left: 50%;
top: 0px;
margin-left: -578px; /*width ın yarısı*/
}
.en-ust-b{
background-image:url(images/ust-b.png);
background-repeat:repeat-x;
width:1178px; height:250px;
position: absolute;
left: 50%;
top: 26px;
margin-left: -589px; /*width ın yarısı*/
}
HTML Kodları:




  • Anasafya

  • Okulumuz

  • Alanlarımız

  • Etkinliklerimiz

  • E-Okul

  • Haber-Duyuru

  • Tanıtım Filmi

  • İletişim




    • Hata içerisinden bir görüntü:



    Hata:
    Resmin yanlarındaki beyaz yerler olmasın! :)

    Bir de; resim bitip yeni resim başlaması değilde, resmin bittiği yerlerdeki renk kodları devam etsin! :)

    Yardım edebilir misiniz?
     

     

    wmaraci
    reklam

    #2
    Berkay Berkay WM Aracı Kullanıcı
    • Üyelik 29.04.2011
    • Yaş/Cinsiyet 30 / E
    • Meslek Wordpress Geliştirici
    • Konum Mersin
    • Ad Soyad B** G**
    • Mesajlar 1863
    • Beğeniler 90 / 337
    • Ticaret 27, (%100)
    "width:1178px;"

    bu ibareyi body içerisinde kullanırsan sorun olacağını düşünmüyorum.Arkaplan atadığın değer için genişlik belirtmeden dene.
     

     

    #3
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 28 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1069
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)
    Genişliği sildiğim zaman kaymalara neden oluyor? Ama body içerisine yazdığım zaman sitenin en yüksek genişliği olrak mı kabul edilecek?

    Ek Olarak: body{
    margin:auto;
    width:1178px;
    }

    /*--------------------HEADER--------------------*/

    .resim{
    background-image:url(images/ogrenci.png);
    width:100px;
    height:100px;
    background-repeat:no-repeat;
    position: absolute; /*ortalama başlangıç*/
    left: 724px;
    top: 110px;
    }
    .en-ust-a{
    height:26px;
    background-image:url(images/ust-a.png);
    background-repeat:repeat-x;
    position: absolute;
    left: 50%;
    top: 0px;
    }
    .en-ust-b{
    background-image:url(images/ust-b.png);
    background-repeat:repeat-x;
    width:1178px; height:250px;
    position: absolute;
    left: 50%;
    top: 26px;
    margin-left: -589px; /*width ın yarısı*/
    }

    ust-a 'da margin-left ve width değerlerini sildiğim zman görünmedi?

    Ek Olarak:

     

     

    #4
    SmayLee SmayLee WM Aracı Kullanıcı
    • Üyelik 21.10.2011
    • Yaş/Cinsiyet - / E
    • Meslek Öğrenci
    • Konum
    • Ad Soyad ** **
    • Mesajlar 34
    • Beğeniler 8 / 9
    • Ticaret 5, (%100)
    body{
    margin:auto;
    width:%100;
    }
    Bir de bu şekilde deneyin hocam.
     

     

    wmaraci
    wmaraci

    #5
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 28 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1069
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)
    Hayır olmuyor! (pff)
     

     

    #6
    bd bd WM Aracı Kullanıcı
    • Üyelik 26.10.2010
    • Yaş/Cinsiyet 34 / E
    • Meslek 2
    • Konum Manisa
    • Ad Soyad B** D**
    • Mesajlar 4926
    • Beğeniler 784 / 3953
    • Ticaret 18, (%100)
    repeat komutunu kullanman yeterli.

    Eğer resmin x ekseninde tekrar etmesini istiyorsan repeat-x,
    y ekseninde tekrar etmesini istiyorsan repeat-y komutunu kullanabilirsin.

    Örnek olarak:
    background-image: url(images/ust-a.png) repeat-x;
     

     

    #7
    Gunceel Gunceel WM Aracı Kullanıcı
    • Üyelik 20.08.2011
    • Yaş/Cinsiyet 34 / E
    • Meslek Öğrenci
    • Konum İzmir
    • Ad Soyad ** **
    • Mesajlar 889
    • Beğeniler 111 / 71
    • Ticaret 1, (%100)
    Resimi büyüt ozaman. :)
     

     

    #8
    Sinan Sinan Grana Kullanıcı
    • Üyelik 18.07.2011
    • Yaş/Cinsiyet 31 / E
    • Meslek Yazılım Geliştirme Uzmanı
    • Konum İstanbul Avrupa
    • Ad Soyad S** Y**
    • Mesajlar 3509
    • Beğeniler 1321 / 1320
    • Ticaret 97, (%100)
    Resmi büyütmene gerek yok, Burak'ın söylediği gibi, repeat-x komutunu kullanırsan, resim x ekseninde, yani yatay eksende sürekli kendini tekrarlar. Yani sonsuza dek yan yana koyar.
     

     

    #9
    dlkrnugur dlkrnugur JS Coder Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 28 / E
    • Meslek PHP Coder
    • Konum Muğla
    • Ad Soyad U** D**
    • Mesajlar 1069
    • Beğeniler 210 / 209
    • Ticaret 41, (%98)
    Yardım eden herkese çok teşekkür ediyorum. Son bir ekran görüntüsü paylaşmak istiyorum.

     

     

    Psd to html to Wordpress :) Ders
    internet exp. - Firfox Css sorunu
    wmaraci
    wmaraci
    Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
     
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al