Border olarak resim kullanmak

0
Onaylı Üye
Üye
Katılım
19 Kasım 2010
Mesajlar
705
Tepki puanı
4
Localhostta css öğrenmeye çalışıyorum.
Sorum şu http://i1106.hizliresim.com/2011/6/9/13157.png resimdeki div 'e border olarak resim göstermek istedim. Bunun için background-image ile resimi seçtim.Resimde gördüğünüz üzere resimin 2 tarafı görünüyor.

Fakat resim div 'i 4 tarafından sarmasını istiyorum.Tıpkı border gibi olacak. Bunun için ne yapmalıyım.
 
0
Onaylı Üye
Üye
Katılım
11 Ocak 2011
Mesajlar
890
Tepki puanı
22
Konum
Bingöl
windth ve height eklemelisin resmin boyutu ile aynı olmalı.
 
0
Onaylı Üye
Üye
Katılım
30 Nisan 2011
Mesajlar
767
Tepki puanı
15
Konum
İstanbul
Resmin boyutlarını ayarlamanız gerekmektedir bunu .birim <div id taglarından sonra parantezi kapamadan height ws boyutlaırt girip tekrar deneyim } parantezi kapayın. Olmazsa kodları ulaştırın editleyip gösterelim...
 
0
Onaylı Üye
Üye
Katılım
19 Kasım 2010
Mesajlar
705
Tepki puanı
4
Başka bir yolu var mı? diye sormuştum. Div in daha büyük olması istemiyorum.
Yada resmin boyutunu div e göre ayarlıcam diğer bir yol.

Ekleme: Hocam kusura bakma dediğini anlayamadım. (Css de yeniyim)
 
0
Onaylı Üye
Üye
Katılım
30 Nisan 2011
Mesajlar
767
Tepki puanı
15
Konum
İstanbul
divadıve uzantısı
{
height:100%;
width:auto;
}

%lik dilimi oynayarak deneyin. olmazsa resmin boyutlarını yazın yüzdeliği ve autoyu silip..
 
0
Onaylı Üye
Üye
Katılım
19 Kasım 2010
Mesajlar
705
Tepki puanı
4
Bir değişiklik olmadı.

Kullandığım resim boyutu 1752 x 1378
 
0
Onaylı Üye
Üye
Katılım
19 Kasım 2010
Mesajlar
705
Tepki puanı
4
Hiç bir değişiklik olmadı.

Ben bu sorunu giderecek bir kodu bir videoda gördüğümü hatırlıyorum. Fakat o videoyu da bulamadım.
 
0
Onaylı Üye
Üye
Katılım
30 Nisan 2011
Mesajlar
767
Tepki puanı
15
Konum
İstanbul
Hiç bir değişiklik olmadı.

Ben bu sorunu giderecek bir kodu bir videoda gördüğümü hatırlıyorum. Fakat o videoyu da bulamadım.

Kodları verin editliyim hocam. Olmak zorunda sizin dediğiniz ölçülerse verin kodu editliyim..
 
0
Onaylı Üye
Üye
Katılım
19 Kasım 2010
Mesajlar
705
Tepki puanı
4
.node-article {
background-image:url(../resim/border3.jpg);
width:1752;
height:1378;
margin:5px;
padding-left:30px;
padding-top:30px;
}
 
Geri
Üst