bodrum escortgaziantep escortgaziantep escortkingfeetspatxantalya escort bayanmanavgat escort bayanmaltepe escortkurtköy escortkartal escortümraniye escortbostancı escortanadolu yakası escorttattoocityconventionexperttowllc.comtipobet girişKadıköy escortTipobet GirişAnadolu yakası escortAtaşehir escortBostancı escortwww.qfootspa.comŞirinevler Escort Bayanvdcasinooxfordchoirsizmir escortTipobet girişhttps://www.dynastypot.com/en iyi casino siteleriCanlı Casino Siteleriwww.papaitorotisserie.comankara escortdeneme bonusu veren sitelermatadorbetdeneme bonusu veren sitelerataşehir escortMarsbahismarsbahisNine casinoDrift casinoataşehir escortMebbismariobetonwinjojobetmatbetpinupholiganbetbetkomtipobettrendyol indirim kodu
izmir escort
Hakkı Duman – Wordpress, Seo ve Opencart Uzmanı

Css İle Yan Yana Div Yerleştirmek

Css İle Yan Yana Div Yerleştirmek 1HTML ye css ile kullanmaya alıştığımız div kodlaması bizi çoğu zaman büyük zahmetlerden kurtarmıştır. Fakat bazı zamanlarda ise tam bir baş belası olmuştur. Örneğin iki div kodlamasını aynı sayfada yan yana çalıştırmak çoğu zaman webmasterlar için günün sorusu olmuştur. Halbuki o okadar da zor bir olay değildir. İki veya daha fazla div kodlamasını yan yana çalıştırmak için gerekli olanlar bir adet ana div kodlaması ve içine serpiştireceğimiz div parçacıkları. Aşağıdaki adımları izleyerek kolayca iki veya daha fazla div kodlamasının nasıl yan yana çalıştıracağınızı öğrenebilirsiniz.

[php]<div id=”ana_div”>
<div class=”div” id=”div”>HDuman.Com – 1.Div</div>
<div class=”div” id=”div2″>HDuman.Com – 2.Div</div>
<div class=”div” id=”div3″>HDuman.Com – 3.Div</div>
</div>
[/php]

[php] #ana_div {
height: 300px;
width: 970px;
margin-right: auto;
margin-left: auto;
background-color: #666666;
}

.div {
float: left;
height: 200px;
width: 303px;
margin: 10px;
color: #FFFFFF;
}

[/php]

Hepsi bu kadar 3 adet div kutucuğu oluşturduk.

BİR YORUM YAZIN

ZİYARETÇİ YORUMLARI - 5 YORUM
  1. aerty dedi ki:

    çok sağolasın hocam. ben de kendi kendime öğreniyorum bi 5 6 senedir. ama bu 3 div yanyana gelince sapıtması beni deli ediyor. ya birinden yardım alıyordum ya da kendim 1 div sola 2 divi de bir başka div içine alıp onu sağa alıp çözüyordum ama bu da kod kirliliğinden başka bişi değilmiş. bu arada sadece
    .div {
    float: left;
    }
    kodu yeterli oldu benim için.

  2. Mehmet dedi ki:

    divleri genişliklerini hesaplamadan yanyana yazıyor misal navigasyon icin 250px bi divim var bide içerik için730px margin kullandığım zaman yerleri sapıtıyor. sorunuma çözüm yazana şimdiden çok teşekkürler.

  3. Hakkı Duman dedi ki:

    mehmet kardeşim tam olarak ne demek istedın anlamadım daha detaylı yazarsan ve kodlarını yazarsan düzeltip yayınlarım.

  4. cem bilir dedi ki:

    hocam merhabalar. bir konuda yardımına ihtiyacım var. bi sitemde video önüne iki tane reklam eklemek istiyorum. panelden eklediğim zaman alt alta duruyo. yan yana eklemek için ne yapmalıyım. teşekkürler…

  5. Hakkı Duman dedi ki:

    merhaba cem; koydugun reklamların yan yana boyutu sayfaya sığıyorsa yani width aşmıyorsa soldaki reklamın css kodlarına “float:left” eklemen yeterli olacaktır.

Copyright 2010 Hakkı DUMAN Kişisel Blog. Tüm hakları saklıdır.

Sancaktepe escort Zeytinburnu escort Antalya escort Ankara escort Avrupa yakası escort Denizli escort Kocaeli escort Merter escort Nişantaşo escort Levent escort Çapa escort Etiler escort Mecidiyeköy escort Taksim escort Beşiktaş escort Bakırköy escort Bahçeşehir escort Esenyurt escort Avcılar escort Avrupa yakası escort bayan Beykoz escort Üsküdar escort Göztepe escort Erenköy escort Suadiye escort Kurtköy escort Tuzla escort Bostancı escort Ümraniye escort Pendik escort Kadıköy escort Kartal escort Ataşehir escort Anadolu yakası escort Bodrum escort Konya escort Muğla escort Malatya escort Gaziantep escort Eskişehir escort Ankara escort İstanbul escort Kayseri escort Adana escort Şirinevler escort Halkalı escort Marmaris escort Fethiye escort Sarıyer escort Maltepe escort Fatih escort Çekmeköy escort Beylikdüzü escort Başakşehir escort Ataköy escort Alanya escort Samsun escort Muğla escort İzmir escort Diyarbakır escort Bursa escort Antalya escort İstanbul escort Göztepe escort Gaziantep escort Adana escort Adana escort Anadolu yakası escort Ankara escort İstanbul escort Ataşehir escort Avcılar escort Avrupa yakası escort Bağcılar escort Bahçeşehir escort Bahçeşehir escort Beşiktaş escort Beykoz escort Bodrum escort Bostancı escort Bursa escort Eskişehir escort Gaziosmanpaşa escort Kadıköy escort Kartal escort Kocaeli escort Konya escort Konya escort Konya escort bayan Malatya escort Pendik escort Şirinevler escort Taksim escort Ümraniye escort Adana escort Antalya escort Bursa escort İzmir escort Bodrum escort Eskişehir escort Konya escort İzmir escort Beylikdüzü escort Kayseri escort İzmir escort Pendik escort Eskişehir escort İstanbul escort escort Fatih escort Antalya escort escort bayan Samsun escort İstanbul escort Bursa escort Antalya escort bayan Antalya bayan escort Antalya escortlar Adana escort Bursa escort İzmir escort Diyarbakır escort Maltepe escort Çekmeköy escort Beylikdüzü escort Şirinevler escort Ataköy escort Halkalı escort İstanbul escort Şişli escort Kayseri escort Antalya escort Mersin escort Mersin escort Mersin escort Şişli escort Mersin escort Kayseri escort