lostyazilim
tr.link

Div Sorunu!

3 Mesajlar 858 Okunma
lstbozum
tr.link

okemal okemal CılızWEB.TK Kullanıcı
  • Üyelik 25.12.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İzmir
  • Ad Soyad O** B**
  • Mesajlar 79
  • Beğeniler 50 / 6
  • Ticaret 0, (%0)
Merhaba arkadaşlar. Div ile yeni tanıştım diyebilirim. Yani genellikle table kullanıyordum. Dive geçeyim dedim. Kodlar yer kaplamıyor o bakımdan hani. :)

Sorun şu, arkaplan resmi ekliyorum fakat resim çoğalıyor. Yani divin boyutuyla resmin boyutu aynı. Önizleme için aşağıdaki linke bakabilirsiniz.

Önizleme için tıklayın.

style.css
body {
background: url(images/background.gif);
font-family: Arial;
font-size: 12px;
}
#tema {
font-family: Arial;
width: 516px;
}
#tema #header {
font-family: Arial;
font-size: 12px;
color: #000;
background-image: url(images/header.png);
height: 53px;
width: 516px;
}
#tema #header a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #555;
padding-top: 30px;
padding-left: 25px;
margin-right: 20px;
}
#tema #header a:hover {
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000;
padding-top: 30px;
padding-left: 25px;
margin-right: 20px;
}
#tema #header a:active {
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #000;
padding-top: 30px;
padding-left: 25px;
margin-right: 20px;
}
#tema #index {
font-family: Arial;
font-size: 12px;
height: 163px;
width: 516px;
border: 1px solid #ccc;
background: #fff;
}
#tema #index .page {
font-family: Arial;
font-size: 12px;
float: right;
width: 360px;
height: 150px;
}
#tema #sidebar {
font-family: Arial;
font-size: 12px;
}
#tema #sidebar .baslik {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #333;
text-shadow: rgb(255, 255, 255) 1px 1px 0px;
height: 35px;
width: 300px;
border: 1px solid #ccc;
background-image: url(images/sidebar_baslik.png);
padding-top: 5px;
padding-left: 5px;
margin-right: 5px;
}
#tema #sidebar .ickisim {
font-family: Arial;
font-size: 12px;
color: #333;
height: 75px;
width: 300px;
border: 1px solid #ccc;
background: #eee;
padding-top: 5px;
padding-left: 5px;
margin-right: 5px;
}
#tema #footer {
font-family: Arial;
font-size: 12px;
background-image: url(images/footer.png);
height: 48px;
width: 516px;
}
#tema #footer .copy {
font-family: Arial;
font-size: 12px;
margin-left: 125px;
margin-right: 125px;
}


index.html




Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya Yazı buraya






Sorun sidebar_baslik bölümünde...
 

 

wmaraci
reklam

kilitbilgi kilitbilgi kilitbilgi@gmail.com Kullanıcı
  • Üyelik 13.06.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İzmir
  • Ad Soyad B** Ç**
  • Mesajlar 396
  • Beğeniler 82 / 125
  • Ticaret 3, (%100)
style.css dosyasında bulunan
background-image: url(images/sidebar_baslik.png);
kodunu
background: url(images/sidebar_baslik.png) no-repeat;
kodu ile değiştirerek resmin sadece 1 kez yinelenmesini sağlayabilirsiniz.
Html kodunda bulunan background-image=" images/sidebar_baslik.png"
kısmını css de eklemiş olduğunuz için eklemenize gerek yoktur.
 

 

okemal okemal CılızWEB.TK Kullanıcı
  • Üyelik 25.12.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İzmir
  • Ad Soyad O** B**
  • Mesajlar 79
  • Beğeniler 50 / 6
  • Ticaret 0, (%0)
Teşekkür ederim.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al