.offer{
width:180px;
height:290px;
position:relative;
top:550px;
left:0;
width:250px;
height:400px;
z-index:2;
background:#6666CC;
}
Position relative ama resim gelince çalışmıyor. |
11 Mesajlar | 2.434 Okunma | ||
- Üyelik 21.05.2012
- Yaş/Cinsiyet 43 / E
- Meslek grafik & web tasarım
- Konum
- Ad Soyad ** **
- Mesajlar 233
- Beğeniler 91 / 33
- Ticaret 4, (%100)
Arkadaşlar merhaba http://miraraf.com/deneme2/ adresinde ilk ciddi html5 css3 çalışmam olan sitede slider sol altında mor olan kısma bg color verdim gördüğünüz gibi. stili de aşağıdaki gibi. fakat bg color varken div olması gereken yerde duruyor. ama şeklinde içine resmi koyduğumda kadın resmi hop aşağı gidiyor. Yardımlarınızı bekliyorum.
.offer{
width:180px;
height:290px;
position:relative;
top:550px;
left:0;
width:250px;
height:400px;
z-index:2;
background:#6666CC;
}
.offer{
width:180px;
height:290px;
position:relative;
top:550px;
left:0;
width:250px;
height:400px;
z-index:2;
background:#6666CC;
}
- Üyelik 02.02.2014
- Yaş/Cinsiyet 26 / E
- Meslek -
- Konum Diğer
- Ad Soyad D** Ö**
- Mesajlar 478
- Beğeniler 189 / 158
- Ticaret 4, (%100)
Merhaba ,
.offer'de bulunan background kodunu silip .
Bunu Ekleyin Olacaktır .
.offer'de bulunan background kodunu silip .
background: #6666CC url(images/offer-woman.png) no-repeat center;Bunu Ekleyin Olacaktır .
- Üyelik 14.02.2014
- Yaş/Cinsiyet 43 / E
- Meslek Bilgisayar Programcısı
- Konum İzmir
- Ad Soyad O** B**
- Mesajlar 22
- Beğeniler 4 / 3
- Ticaret 1, (%100)
Position: Absolute;
Denermisin
Denermisin
- Üyelik 21.05.2012
- Yaş/Cinsiyet 43 / E
- Meslek grafik & web tasarım
- Konum
- Ad Soyad ** **
- Mesajlar 233
- Beğeniler 91 / 33
- Ticaret 4, (%100)
Arina İnternet adlı üyeden alıntı
Merhaba ,.offer'de bulunan background kodunu silip .
background: #6666CC url(images/offer-woman.png) no-repeat center;
Bunu Ekleyin Olacaktır .
hocam çok teşekkürler yardımın için.. oldu fakat neden resmi direkt çekince olmadı? ben html5 de yeni olduğum için relative i yanlış mı kullanmışım acaba?
- Üyelik 02.02.2014
- Yaş/Cinsiyet 26 / E
- Meslek -
- Konum Diğer
- Ad Soyad D** Ö**
- Mesajlar 478
- Beğeniler 189 / 158
- Ticaret 4, (%100)
hocam çok teşekkürler yardımın için.. oldu fakat neden resmi direkt çekince olmadı? ben html5 de yeni olduğum için relative i yanlış mı kullanmışım acaba?
Evet . Yukarıdaki verdiğim Kodun yerine position: absolute; de Kullanabilirsin . Ama İçine Resim Eklemelisiniz .
- Üyelik 21.05.2012
- Yaş/Cinsiyet 43 / E
- Meslek grafik & web tasarım
- Konum
- Ad Soyad ** **
- Mesajlar 233
- Beğeniler 91 / 33
- Ticaret 4, (%100)
Evet . Yukarıdaki verdiğim Kodun yerine position: absolute; de Kullanabilirsin . Ama İçine Resim Eklemelisiniz .
hocam yani herşeyi kapsayan ana div olan continer e position:relative diyip .offer {top:550px; left:0;} mı yapmam gerekirdi? o zaman .offer kendini container e göre ayarlayacak ve sorun kalkacak mıydı? yap dene diceksin de doğrusu bu mu onu bilmek için soruyorum hocam.
- Üyelik 02.02.2014
- Yaş/Cinsiyet 26 / E
- Meslek -
- Konum Diğer
- Ad Soyad D** Ö**
- Mesajlar 478
- Beğeniler 189 / 158
- Ticaret 4, (%100)
hocam yani herşeyi kapsayan ana div olan continer e position:relative diyip .offer {top:550px; left:0;} mı yapmam gerekirdi? o zaman .offer kendini container e göre ayarlayacak ve sorun kalkacak mıydı? yap dene diceksin de doğrusu bu mu onu bilmek için soruyorum hocam.
CSS Kodlamanı Biraz İnceledim . İlk Verdiğim Yöntemi Uygula Temanda Herhangi Bir Sorun Yok . Olacagınıda Sanmıyorum .
Tasarımlarda Bazı Bölümlerde Div içerisine img eklemektense CSS ile Eklemen Daha iyi Olur .
Kişisel Tavsiyem Position'u Çok Fazla Kullanmamak . 2-3 Çeşit Position Elbet Bir Yerde Çakışır .
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
.offer divine relative yerine position: absolute; vermen gerekiyor, içerisindekilere de position:relative; kodu verirsen daha rahat hareket edebilirsin.
Yalınız bu tarz kodlamalar ileride sorunlar oluşturabilir, position: absolute, gibi ya da top:0 left:0 gibi değerler sabit değerler olduğu için ileride responsive bir tasarıma geçmek istediğinde ya da farklı işlemlerde sana zorluk çıkarabilir.
Yalınız bu tarz kodlamalar ileride sorunlar oluşturabilir, position: absolute, gibi ya da top:0 left:0 gibi değerler sabit değerler olduğu için ileride responsive bir tasarıma geçmek istediğinde ya da farklı işlemlerde sana zorluk çıkarabilir.
- Üyelik 21.05.2012
- Yaş/Cinsiyet 43 / E
- Meslek grafik & web tasarım
- Konum
- Ad Soyad ** **
- Mesajlar 233
- Beğeniler 91 / 33
- Ticaret 4, (%100)
Arina İnternet adlı üyeden alıntı
CSS Kodlamanı Biraz İnceledim . İlk Verdiğim Yöntemi Uygula Temanda Herhangi Bir Sorun Yok . Olacagınıda Sanmıyorum .Tasarımlarda Bazı Bölümlerde Div içerisine img eklemektense CSS ile Eklemen Daha iyi Olur .
Kişisel Tavsiyem Position'u Çok Fazla Kullanmamak . 2-3 Çeşit Position Elbet Bir Yerde Çakışır .
hocam slider ın üzerine gelsin diye position kullandım. siz benim soruma da cevap verebilir misiniz ? relative ile absolute un kullanımlarını tam anlamak adına..
bir ana dive position:relative diyip içindeki dive sadece top, rigt, left, bottom değerleri ile pozisyon mu veriyoruz?
bir dive position:absolute dersek bu div içinde bulunduğu divleri algılamaksızın browser penceresine göre kendini ayarlar değil mi?
bir de bir arkadaş z-index kullanmak için o divin mutlaka absolute veya relative position u olması gerekir demişti bu doğru mudur? teşekkürler şimdiden..
- Üyelik 02.02.2014
- Yaş/Cinsiyet 26 / E
- Meslek -
- Konum Diğer
- Ad Soyad D** Ö**
- Mesajlar 478
- Beğeniler 189 / 158
- Ticaret 4, (%100)
Evet z-index kullanılan alanlarda position kullanmanız gerekmektedir .
Evet position atadıgınız div iç elementleri otomatik sizin pencerenize göre ayarlar .%100 ekranda nasılsa %50 halinde de Aynı olur position sayesinde .
Evet elementleri (margin,padding,top,bottom,left,right) değerleri vererek konumlarını belirliyorsunuz .
Evet position atadıgınız div iç elementleri otomatik sizin pencerenize göre ayarlar .%100 ekranda nasılsa %50 halinde de Aynı olur position sayesinde .
Evet elementleri (margin,padding,top,bottom,left,right) değerleri vererek konumlarını belirliyorsunuz .
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)