İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Border olarak resim kullanmak

eneess

0
İyinet Üyesi
Onaylı Üye
Katılım
19 Kasım 2010
Mesajlar
705
Reaction score
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.
 

Shu

0
İyinet Üyesi
Onaylı Üye
Katılım
11 Ocak 2011
Mesajlar
891
Reaction score
24
Konum
Bingöl
windth ve height eklemelisin resmin boyutu ile aynı olmalı.
 

StyLes

0
İyinet Üyesi
Katılım
1 Mayıs 2011
Mesajlar
767
Reaction score
16
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...
 

eneess

0
İyinet Üyesi
Onaylı Üye
Katılım
19 Kasım 2010
Mesajlar
705
Reaction score
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)
 

StyLes

0
İyinet Üyesi
Katılım
1 Mayıs 2011
Mesajlar
767
Reaction score
16
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..
 

eneess

0
İyinet Üyesi
Onaylı Üye
Katılım
19 Kasım 2010
Mesajlar
705
Reaction score
4
Bir değişiklik olmadı.

Kullandığım resim boyutu 1752 x 1378
 

eneess

0
İyinet Üyesi
Onaylı Üye
Katılım
19 Kasım 2010
Mesajlar
705
Reaction score
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.
 

eneess

0
İyinet Üyesi
Onaylı Üye
Katılım
19 Kasım 2010
Mesajlar
705
Reaction score
4
.node-article {
background-image:url(../resim/border3.jpg);
width:1752;
height:1378;
margin:5px;
padding-left:30px;
padding-top:30px;
}
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst