Çözüldü CSS Sütün sol üst tarafa koyulmuyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Katılım
26 Ağustos 2021
Mesajlar
497
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
site.png

Arkadaşlar sorun gördüğünüz gibi.
body { background-color: green; } #üst_div { background-color: white; width: 500px; height: 100px; margin-top: 10px; margin-bottom: auto; margin-left: auto; margin-right: auto; } #ana_div { background-color: white; width: 500px; height: 100px; margin-top: 10px; margin-bottom: auto; margin-left: auto; margin-right: auto; } #alt_div { background-color: white; width: 500px; height: 100px; margin-top: 10px; margin-bottom: auto; margin-left: auto; margin-right: auto; } #sol_div { background-color: white; width: 100px; height: 500px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; float: left; }

Bunlarda kodlar.
 

Dosya Ekleri

  • Ekran görüntüsü 2022-05-29 202458.png
    Ekran görüntüsü 2022-05-29 202458.png
    31,1 KB · Görüntüleme: 61
Çözüm
Html kısmında sol divi sıralamada en üste koy.
<div> <div class="ana_div" id="sol_div"></div> <div class="üst_div" id="üst_div"></div> <div class="ana_div" id="ana_div"></div> <div class="ana_div" id="alt_div"></div> </div>
Bu sayfadan yararlanabilirsiniz. Temel düzeyde birçok örneklendirmesi mevcut.
Ayrıca direkt kod almak için GeekForGeeks var.
Class ile ID arasındaki fark nedir ?
Class, elementin sınıfıdır.
CSS'de özel düzenleme için ve de butonun bazı sınıflarını kullanmak için kullanılır.
ID'yi ise elementin ismi gibi düşünün.
JS'de düzenlemeler ve kullanma gibi eylemler için gereklidir, her elementin özel bir ID'si olsun ki onları ayrı kontrol edebil.
 
Ayrıca direkt kod almak için GeekForGeeks var.

Class, elementin sınıfıdır.
CSS'de özel düzenleme için ve de butonun bazı sınıflarını kullanmak için kullanılır.
ID'yi ise elementin ismi gibi düşünün.
JS'de düzenlemeler ve kullanma gibi eylemler için gereklidir, her elementin özel bir ID'si olsun ki onları ayrı kontrol edebil.
Anladım Hocam hepiniz sağ olun.
Ekran görüntüsü 2022-05-29 204749.png

Hocam şimdi bunu sağdaki sütünlara nasıl dayayacağım.
 

Technopat Haberler

Yeni konular

Geri
Yukarı