Dreamweaver layerlarla yapilan sayfanin her cozunurlukte ortalanması için : Soru-Cevap

Soru - Cevap Bölümü / Kategori: Programlama

sen de sor

yanıtla

merakli

07/03/2008 - 18:28:17 cevap (1) Okunma : 907 Bu yazıyı 0 kişi tuttu.

Dreamweaver layerlarla yapilan sayfanin her cozunurlukte ortalanması için

arkadaslar merhaba,

dreamweaverda layer ile web sitesi yaptim. layerlar icine jpeg,flash ve yazi ekledim. sayfa degisik cozunurluklerde ortalanmiyor. sorunu cozemiyorum.

konuyu acik ve basit anlatirsaniz cok sevinirim.

Cevaplar ( Faydalı Cevapları Göster )

adres

Murat Kgirgin 09.03.2008 02:45:25

Faydalı cevap

Selam asağida basit 2 örnek mevcut, Umarim bunlar isine yararlar.

Ortali 3 sütun sayfa



<html>
<head>
</head>
<style>
body {
    margin: 0px;
    padding: 0px;
    background-color:#C0C0C0;
}

div#container{
    margin: 0px auto;
    padding: 0px;
    width:500px;
    border:1px solid;

}
div#header {
    clear: both;
    height: 50px;
    background-color: red;
    padding: 1px;
}
div#left {
    float: left;
    width: 150px;
    background-color: #ccc;
}
div#right {
    float: right;
    width: 150px;
    background-color: green;
}
div#middle {
    padding: 0px 160px 5px 160px;
    margin: 0px;
    background-color: #fff;
}
div#footer {
    clear: both;
    background-color: yellow;
}

</style>

<body>

<div>
<div>
    <h1>Sayfa Basligi</h1>
</div>
<div>
   <strong>sol kolon</strong>
    <p>sdasd</p>
    <p>a</p>
    <p>sd</p>
    <p>asdasd</p>
    <p>sd    </p>
</div>
<div>
   <strong>sag kolon..</strong>
    <p>asdasd</p>
    <p>asd</p>
    <p>asd</p>
    <p>asd</p>
    <p>sa<br>
      <br>
      <br>
    </p>
</div>
<div>
    <p><strong>orta kolon </strong></p>
    <p>asd</p>
    <p>asd</p>
    <p>asd</p>
    <p>asd</p>
    <p>asd asdda</p>
    <p>sd   </p>
</div>
<div><strong>
    Sayfa Sonu</strong></div>
</div>
</body>
</html>

Fix Pozisyonlanmış 2 Kolon Örneği


<DOCTYPE>
<html>
<head>
<title>Basitce Ortali Sayfa Yapalim</title>
<InvalidTag>
<style>
body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 600px 
}
#ortala {
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 600px;
  text-align: left;
}
#sag {
    position: absolute;
    left: 0;
    top: 14px;
    width: 180px;
    background-color: #0099FF;
    padding: 5px;
}
#sol {
    position: absolute;
    left: 210px;
    top: 10px;
    width: 400px;
    background-color: #CC0033;
    padding: 5px;
    color:#fff;
}
.sarma {
  width: 100px;
  float: right;
  margin: 0 0 5px 5px;
  padding: 5px;
  background-color: #FFF;
  color:#333;
}
</style>
</head>
<body>
<div> 
  <div>
 <strong> Basitce Ortali Sayfa Yapalim </strong>
    <p>konuyu acik ve basit anlatirsaniz cok sevinirim. </p>
  </div>
  <div> 
    <p>
konuyu acik ve basit anlatirsaniz cok sevinirim. </p>
    <p>Arkadaslar merhaba, dreamweaverda layer ile web sitesi yaptim. layerlar icine jpeg,flash ve yazi ekledim. Sayfa degisik cozunurluklerde ortalanmiyor. Sorunu cozemiyorum.
konuyu acik ve basit anlatirsaniz cok sevinirim. </p>
    <p>Arkadaslar merhaba,
dreamweaverda layer ile web sitesi yaptim.
layerlar icine jpeg,flash ve yazi ekledim.
sayfa degisik cozunurluklerde ortalanmiyor.
sorunu cozemiyorum.
konuyu acik ve basit anlatirsaniz cok sevinirim. </p>
    <p> merhaba,
dreamweaverda layer ile web sitesi yaptim.
layerlar icine jpeg,flash ve yazi ekledim. </p>
    <p>[<a href='http://wwww.mmistanbul.com/forum'>Forum Ana Sayfa</a>] [<a href='http://wwww.mmistanbul.com/index.cfm'>Portal</a>]</p>
  </div>

</div>
</body>
</html>

kolay gelsin.

YANITLA paylaş bildir yazdır

Bu Yazıyı Tutanlar

bu yazıyı tutan kimse yok.

İlşkili Sorular

sen de sor

yanıtla

Soru-cevap Kategorileri

Soru-cevap Etiketleri

Yarışma Fikir10000 Dijital Pazarlama Fikir Yarışması

Çarşamba Aral 10 08:00

Fikir10000 Dijital Pazarlama Fikir Yarışması

ADTECH tarafından düzenlenen Fikir10000 yarışmasına; dijital pazarlama ile ilgili size ait olan fikrinizle katılabilir ve 10.000 YTL’lik birinci...
Kategori: Yarışma

Toplantı Kahraman ve need4code.com Projesi Connect Toplantısı

Salı Aral 16 21:00

Kahraman ve need4code.com Projesi Connect Toplantısı

Selam arkadaslar, Programlama ile uğraşanların hayatlarını kolaylaştıracak desktop ve web tabanlı ortak iki proje ile ilgili 3. toplantımızı 16Aralı...
Kategori: Toplantı

Yarışma 7Dx Demoscene Party

Cumartesi Aral 20 19:00

7Dx Demoscene Party

2002 yılından beri amatör bilgisayar kültürü ile ilgilenen insanları bir araya getirmeyi hedefleyen 7DX parti serisinin bu seneki ayağı olan 7D8 Demo ...
Kategori: Yarışma

Eğitim Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Pazartesi Aral 22 08:00

Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Etkin Katılım Çağrısı Türkiye’de Internet ile ilgili grupları biraraya getirerek İnternet’i tum boyutlarıyla tanıtmak, gelistirmek, tartı...
Kategori: Eğitim

Konferans Bilgi Güvenliği ve Kriptoloji Konferansı

Çarşamba Aral 24 08:00

Bilgi Güvenliği ve Kriptoloji Konferansı

Önemli Tarihler: Etkinlik Tarihi : 24-26 Aralık 2008 Son Bildiri Gönderme Tarihi : 20 Ekim 2008 Bildiri Kabul Tarihi Bildirimi :...
Kategori: Konferans