Css Tasarım Yerleştirme

Css - Css Tasarım Yerleştirme ...

Cevapla
Css Tasarım Yerleştirme
mavi_seyytan isimli Üye şimdilik offline konumundadır

mavi_seyytan

Öğrenci (Diğer) / Bursa

Dosya22

Css Tasarım Yerleştirme

Alt 31-01-2011 #1
Sponsorlu Bağlantılar

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..
Css Tasarım Yerleştirme

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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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>
<!-- DIŞ ALAN KODU BURADAN BAŞLIYOR -->
<div class="dis_alan">
<!--banner alanı -- BURADAN BAŞLIYOR -->
<div class="banner_alani"></div>
<!-- İÇERİK ALANI KODLARIDA BURADAN BAŞLIYOR -->
<div class="icerik_alani">
<div class="reklam"></div>
<div class="icerik"></div>
<div class="reklam_1"></div>
</div>
<!--- FOOTER ALANI KODLARIDA BURADAN BAŞLIYOR -->
<div class="footer"></div>
</div>
</body>
</html>

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

Css Tasarım Yerleştirme

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.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

l3ykinq isimli Üye şimdilik offline konumundadır

l3ykinq

Webmaster / Niğde

Standart
Alt 31-01-2011 #2
                             Sponsorlu Bağlantılar
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.
Bu mesajdan alıntı yap
mavi_seyytan isimli Üye şimdilik offline konumundadır

mavi_seyytan

Öğrenci (Diğer) / Bursa

Standart
Alt 31-01-2011 #3
arkadaşım sen bu yazdığından bişey anladın mı şahsen ben anlamadım ne demek istiyorsun kodlarla yazarsan anlarım herhalde ?
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 02-02-2011 #4
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.
Bu mesajdan alıntı yap
ademildec isimli Üye şimdilik offline konumundadır

ademildec

Grafiker / İstanbul

Standart
Alt 03-02-2011 #5
5 kez Okudum ama bende anlamadım Css Tasarım Yerleştirme Ama saolsun Yardımcı Olmaya Çalışmış.
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 03-02-2011 #6
5 kez Okudum ama bende anlamadım Css Tasarım Yerleştirme Ama saolsun Yardımcı Olmaya Çalışmış.
Mesajı okumaya gerek yok kodlar hatayı gösteriyor :smile:
Bu mesajdan alıntı yap
sanaluser isimli Üye şimdilik offline konumundadır

sanaluser

Webmaster / İstanbul

Standart
Alt 19-02-2011 #7
kodları düzelttim incelersin kolay gelsin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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>
<!-- DIŞ ALAN KODU BURADAN BAŞLIYOR -->
<div class="dis_alan">
<!--banner alanı BURADAN BAŞLIYOR -->
<div class="banner_alani"></div>
<!-- İÇERİK ALANI KODLARIDA BURADAN BAŞLIYOR -->
<div class="icerik_alani">
<div class="reklam"></div>
<div class="icerik"></div>
<div class="reklam_1"></div>
<div class="clear"></div>
</div>
<!--- FOOTER ALANI KODLARIDA BURADAN BAŞLIYOR -->
<div class="footer">asd</div>
</div>
</body>
</html>
Bu mesajdan alıntı yap
hızprensesi isimli Üye şimdilik offline konumundadır

hızprensesi(30)

Grafiker / İstanbul

Standart
Alt 23-02-2011 #8
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
Bu mesajdan alıntı yap
Furkan EKMEN isimli Üye şimdilik offline konumundadır

Furkan EKMEN

Arı Üye

Öğrenci (Diğer) / Muğla

Standart
Alt 23-02-2011 #9
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!

Bu mesajdan alıntı yap
21li isimli Üye şimdilik offline konumundadır

21li

Webmaster / Diyarbakır

Standart
Alt 04-03-2011 #10
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;
}
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Lamba içerisine gemi yerleştirme damla1 Diğerleri 2 08-09-2009 16:02:06
Şeklin içine Resim yerleştirme comuay Corel Draw Dersleri 9 02-09-2009 19:35:38
freehandde resim yerleştirme?? nguler1905 Freehand 5 30-06-2009 15:27:33
sutuna yazı yerleştirme denizyilmazoz Corel Draw 5 03-12-2008 15:12:20

Kapat
Şifremi Unuttum?