Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

HTML <DİV> SORUNU

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
864
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • HTML <DİV> SORUNU
    RESİMDE GÖRÜNDÜĞÜ GİBİ 3. RESMİ NASIL 2. RESMİN ALTINA ALABİLİRİM


    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=utf-8" />
    CSS <a href="https://www.donanimhaber.com/tablo" target="_blank" class="s-w-l">TABLO</a> DENEME
    <style type="text/css">
    .hepsı{

    width:1200px;
    height:1000px;
    border:solid;
    background-color:#009;
    }
    .baslık{
    width:1200px;
    height:100px;
    background-color:#FFF;
    color:black;
    background:url(basl%C4%B1k%20resim.JPG);
    }
    .menu{

    background-color:#9C0;
    width:200px;
    height:900px;
    float:left
    }
    .ıcerık{

    width:1200px;
    height:900px;
    background-color:#FF0;
    background-position:bottom;}
    img{
    vertical-align:top;}
    .yazı1{
    width:700px;
    height:300px;
    float:right;
    background-color:yellow;}
    .resım1{
    width:300px;
    height:300px;
    float:left;
    background-color:yellow;}
    .yazı2{
    width:1000px;
    height:300px;
    float:inherit;

    background-color:yellow;
    }








    </style>
    </head>

    <body>
    <div class="hepsı">
    <div class="baslık">


    </div>
    <div class="menu">



    </div>
    <div class="ıcerık">
    <div class="resım1">
    <center><img src="ekleme.jpg" /></center>
    </div>
    <div class="yazı1">

    </div>
    <div class="resım1">
    <br>
    <center><img src="ekleme.jpg" /></center>
    </div>
    <div class="yazı2">

    </div>
    <div class="resım1">

    <center><img src="ekleme.jpg" /></center>
    </div>
    <div class="yazı1">
    </div>










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







  • position:absolute; vererek div'in top değerinden ayarlayabilirsin. Veya 2.resimden sonra <br> kullan. :)
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız