Css Tasarım Yerleştirme

mavi_seyytan · 31 Ocak 2011

Merhaba arkadaşlar resimdeki gibi iskeleti oturtmaya çalışıyorum ama sağ taraftaki reklam alanı sağa kaydırıyorum fakat içerik alanının yanına yerleşmiyorum kodlarıda vereyim yardımcı olursanız çok sevinicem şimdiden teşekkürler hepinize. ..

OLUŞTURMAK İSTEDİĞİM İSKELET KABA TASLAK BU ŞEKİLDE..

STYLE KODLARI ŞU ŞEKİLDE ...

body {
margin-right: auto;
margin-left: auto;
}
.dis_alan {
width: 900px;
border:3px solid #0000FF;
}
.banner_alani {
height: 40px;
border:3px solid #FF0000;
}
.icerik_alani {
width: 900px;
border:3px solid #999999;
}
.reklam {
height: 125px;
width: 125px;
border:3px solid #000000;
float: left;
}
.icerik {
width: 630px;
height: 400px;
border:3px solid #00FF00;
margin-right: auto;
margin-left: auto;
}
.reklam_1 {
height: 125px;
width: 125px;
border:3px solid #FF66FF;
float: right;
}
.footer {
height: 15px;
border:3px solid #FFFF00;
}

php kodları;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="dis_alan">

<div class="banner_alani"></div>

<div class="icerik_alani">
<div class="reklam"></div>
<div class="icerik"></div>
<div class="reklam_1"></div>
</div>

<div class="footer"></div>
</div>
</body>
</html>

DREAMWEAVER DE ÇIKAN SONUÇ İSE ŞU ŞEKİLDE...

GÖRDÜĞÜNÜZ GİBİ PEMBE İLE ÇİZDİĞİM ALAN BURADA ALT TARAFTA KALIYORUM BENİM YAPMAK İSTEDİĞİM GİBİ İÇERİK ALANININ YANINA YERLEŞMİYOR.

l3ykinq · 31 Ocak 2011

DreamVeawerde Acınca Blm Div Etiketi Ekle Var Common Bolumunda Orda Ona Tıkla Div İsmi Seç Sonra Etiketten Sonra De Saq Tarafta En Sondakini Seç Sonra Yeni Css Stili de Daha Sonra Kutuya Gel Orda Sol Var Saq Tarafta Bi Yerde Sonra GenişLiqini Felan VeR Sen Muhtelemen Yapmısında Sol Demeyi Unutmuşun Tek Sorun Bu Sol Dememen.

mavi_seyytan · 1 Şub 2011

arkadaşım sen bu yazdığından bişey anladın mı şahsen ben anlamadım ne demek istiyorsun kodlarla yazarsan anlarım herhalde ?

hataman · 2 Şub 2011

Yazdığınız kodlar hatalı. Orta alana float vermeden kullanacaksanız sağ ve sol reklam alanlarının position:absolute olması gerekir. yada tüm alanlara float:left uygulamanız gerekir.

ademildec · 3 Şub 2011

5 kez Okudum ama bende anlamadım

Ama saolsun Yardımcı Olmaya Çalışmış.

hataman · 3 Şub 2011

ademildec' Alıntı:
5 kez Okudum ama bende anlamadım Ama saolsun Yardımcı Olmaya Çalışmış.

Mesajı okumaya gerek yok kodlar hatayı gösteriyor :smile:

sanaluser · 19 Şub 2011

kodları düzelttim incelersin kolay gelsin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin-right: auto;
margin-left: auto;
}
.dis_alan {
width: 906px;
border:3px solid #0000FF;
margin:auto;
}
.banner_alani {
height: 40px;
border:3px solid #FF0000;
}
.icerik_alani {
width: 900px;
border:3px solid #999999;
margin:auto;
}
.reklam {
height: 125px;
width: 125px;
border:3px solid #000000;
float: left;
}
.icerik {
width: 630px;
height: 400px;
border:3px solid #00FF00;
margin-right: auto;
margin-left: auto;
float:left;
}
.reklam_1 {
height: 125px;
width: 125px;
border:3px solid #FF66FF;
float: right;
}
.footer {
height: 15px;
border:3px solid #FFFF00;
}
.clear {clear:both;}
</style>
</head>

<body>

<div class="dis_alan">

<div class="banner_alani"></div>

<div class="icerik_alani">
<div class="reklam"></div>
<div class="icerik"></div>
<div class="reklam_1"></div>
<div class="clear"></div>
</div>

<div class="footer">asd</div>
</div>
</body>
</html>

hızprensesi · 23 Şub 2011

bu seferde ilk reklam ve içerik ard arda olmuş ve sağ reklam sağa bitişmiş içerik ortalı olmamış,bence içerik ve reklamları bir div in içine almalısın ve hepsine float ;left vermelisin ve bu 3 div in içinde olduğu divi de center lamalısın

Furkan EKMEN · 23 Şub 2011

l3ykinq' Alıntı:
DreamVeawerde Acınca Blm Div Etiketi Ekle Var Common Bolumunda Orda Ona Tıkla Div İsmi Seç Sonra Etiketten Sonra De Saq Tarafta En Sondakini Seç Sonra Yeni Css Stili de Daha Sonra Kutuya Gel Orda Sol Var Saq Tarafta Bi Yerde Sonra GenişLiqini Felan VeR Sen Muhtelemen Yapmısında Sol Demeyi Unutmuşun Tek Sorun Bu Sol Dememen.

Sizin Türk Olduğunuza İnanmıyorum!

21li · 4 Mar 2011

body {
margin:0px auto;
}
.dis_alan {
width: 900px;
border:3px solid #0000FF;
}
.banner_alani {
height: 40px;
border:3px solid #FF0000;
}
.icerik_alani {
width: 900px;
border:3px solid #999999;
}
.reklam {
height: 125px;
width: 125px;
border:3px solid #000000;
float: left;
}
.icerik {
width: 630px;
height: 400px;
border:3px solid #00FF00;
float:left;
}
.reklam_1 {
height: 125px;
width: 125px;
border:3px solid #FF66FF;
float: left;
}

temizlik:clear:both; ( icerik divinin bittiği yer ile footer divinin başladığı yerin arasına <div class="temizlik"></div> koymalısın.

.footer {
height: 15px;
border:3px solid #FFFF00;
}

	Benzer konular	Forum			Tarih
D	Web Tasarım - HTML / CSS / BOOTSTRAP / JS / JQUERY - Türkiye Geneli	Freelancer İş Arayanlar	2	873	19 Mar 2017
	Web tasarım kursları : JQuery , Css, SQL dersleri	Css	0	3K	17 Ocak 2017
	HTML/CSS Giydirme - Web & Mobil Arayüz Çizimi - Logo Tasarım - Grafik Tasarım	Web Tasarımı	0	2K	7 Ara 2016
M	Ücretsiz Kurumsal Tasarım (Html/CSS-Tüm Sayfaları)	Web Tasarımı	0	1K	27 Eki 2014
M	Telekom Firması İçin Web Tasarım (PSD,CSS, HTML) - Türkiye Geneli	İş Veren İlanları	1	637	19 Ağu 2014
N	Yaptığı tasarımı css ve html dönüştürebilen webmaster - İzmir	İş Veren İlanları	1	808	2 Ağu 2014
N	Web Arayüz Tasarım ve HTML/CSS kodlama - Bursa	Sonuçlanan İlanlar	2	1K	14 Mar 2014
M	Web tasarım becerisine sahip tercihen css vs jquery konusunda yeterli - K.Maraş	İş Veren İlanları	1	806	13 Mar 2014

Css Tasarım Yerleştirme

Benzer konular