lostyazilim
tr.link

CSS için yardım?

7 Mesajlar 1.165 Okunma
acebozum
tr.link

marten marten yok Kullanıcı
  • Üyelik 23.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Maden Mühendisi
  • Konum Karabük
  • Ad Soyad E** Y**
  • Mesajlar 126
  • Beğeniler 24 / 24
  • Ticaret 1, (%100)
arkadaşlar bi türlü yapamadım, yardımcı olun lütfen. aşağıda linkini verdiğim sayfadanin reklam yerleşimini resimdeki gibi yapmak istiyorum ama ne yaptıysam beceremedim.

şuanki durum

olmasını istediğim
 

 

elektronikssl
webimgo

Umitoloji Umitoloji Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.12.2012
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 255
  • Beğeniler 50 / 56
  • Ticaret 2, (%100)
Şuradaki kaynağı inceleyebilirsin. Birşey anlamıyorsanız şunu deneyebilirsiniz eklediğiniz ilk reklam kodunun başına
sonuncu reklam kodunun sonuna


kodlarını yaz yani tüm kodlarınız
KODLAR
bunların içinde yer alsın üstteki 3 yer oto ortalanacak alttakide genişliğe sığmadığından aşağıda ortalanacaktır, umarım anlatabilmişimdir.
 

 

adberl adberl WM Aracı Kullanıcı
  • Üyelik 28.05.2013
  • Yaş/Cinsiyet 33 / E
  • Meslek php yazılımcı
  • Konum İstanbul Anadolu
  • Ad Soyad ** **
  • Mesajlar 111
  • Beğeniler 3 / 14
  • Ticaret 0, (%0)
Sizin sitenizdeki kodlar
Dediğinizde kodlarınız ortalanıcaktır.
 

 

azizarslan azizarslan Arayüz Geliş3G Kullanıcı
  • Üyelik 28.05.2013
  • Yaş/Cinsiyet 64 / E
  • Meslek Front-End Developer
  • Konum İstanbul Anadolu
  • Ad Soyad ** **
  • Mesajlar 57
  • Beğeniler 38 / 16
  • Ticaret 0, (%0)
kodu aşağıdaki yatay reklam için çalışır ama üsttekiler için çalışmaz. Öncelikle her bir reklam kodunu div'in içine al. Üsttekiler için
yaz. Aşağıdaki için
yaz. Bu kodu yedirdikten sonra margin-left ile üsttekilerin ortalanmasını elle ayarlamayı dene.
 

 

html, css, javascript ve biraz da insan...
wmaraci
wmaraci

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
Soldaki reklam ile orta kısmı bir div içine alın. Mesela class'ı abc olsun. Sonra abc class'lı div'i ve sağdaki reklamı bir div içine alın. abc class'lı div'e float left ve piksel cinsinden bir width değeri verin. Sağdaki reklama float right verin. abc class'ının içinde iki div'imiz var. Soldaki reklama float left, ortadaki kısma float: right verin. Son olarak da 3'ünü içine aldığımız div'e width değeri verin. % veya piksel farketmez. Bu div'den sonra clear both ve height 10px değerlerini barındıran bir div koyun. Sonra alttaki reklama margin: 0px auto 0px auto değeri verin. Bunu iyice okuyup anladığınızda istediğiniz sonuca ulaşacaksınız. ;)
 

 

CeDy CeDy www.dulye.net Kullanıcı
  • Üyelik 28.05.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek Web Tasarım Arayüz Uzmanıyım
  • Konum İstanbul Anadolu
  • Ad Soyad ** **
  • Mesajlar 13
  • Beğeniler 1 / 5
  • Ticaret 0, (%0)
onurun dediği gibi en basit yapacağınız şekil "entry-content" kapsayıcı div olarak düşünürsek onun içine iki tane div koyalım ust taraftakine "ust-reklam" alt tarafatakine alt reklam adını verelim..ust relmanın içine reklamlar geleceği için "reklamlar" adında uc div sıralıyaım ve bunları float:left yapalım..böylece yanyana sıralıyalım...ben basit bir şekilde yaptım sen kendine göre düzenlersin...genişlik boyutunu ayarlarını..
css kodları
.entry-content {
background-color: #F00;
margin: 0px auto 0px auto;
padding: 0px;
width: 960px;
}
.ust-reklam {
margin: 0px;
padding: 0px;
width: 960px;

}
.reklamlar {
margin: 5px;
padding: 0px;
height: 350px;
width: 310px;
float: left;
}
.alt-reklam {
padding: 0px;
height: 120px;
width: 500px;
margin: 0px auto 0px auto;
clear:both;
}

html kodları



Reklam1


Reklam2


Reklam3



Alt Reklaam

Onur89TR

kişi bu mesajı beğendi.

www.dulye.net

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Ü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)
.entry-content {text-align:center;}

#rpr {
float: left;
margin: 3% 7% 0% 7%;
}


Birde müzik çaların olduğu iframe koduna bir class verin atiyorum