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

AteşliKazanova99 · 29 Mayıs 2022

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.

Myk61 · 29 Mayıs 2022

Online ise link atarsan yardımcı olabilirim.

William Crusader · 29 Mayıs 2022

Top ve Left kullanarak kendin belirle?

VENOM? 月神 · 29 Mayıs 2022

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>

AteşliKazanova99 · 29 Mayıs 2022

William Crusader dedi:
Top ve Left kullanarak kendin belirle?

Hocam kodlara baktınız mı.

VENOM? 月神 dedi:
Html kısmında sol divi sıralamada en üste koy.

Yaptım hocam sağolun.

William Crusader · 29 Mayıs 2022

AteşliKazanova99 dedi:
Hocam kodlara baktınız mı?

Evet?
Margin kullanmışsınız -_-
Direkt Top/Left kullanmanız lazım :/

VENOM? 月神 · 29 Mayıs 2022

AteşliKazanova99 dedi:
Hocam kodlara baktınız mı.

Yaptım hocam sağolun.

ID kullanmak yerine CLASS kullan zaten tüm divlere aynı özelliği vermişsin. Birde


margin-top: 10px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;

olarak yazmana gerek yok margin:auto; margin-top:10px; olarak yazabilirsin.

AteşliKazanova99 · 29 Mayıs 2022

Margin le Top/Left arasındaki fark nedir ?
Ben yeniyim de o yüzden soruyorum.

William Crusader · 29 Mayıs 2022

AteşliKazanova99 dedi:
Margin le Top/Left arasındaki fark nedir ?
Ben yeniyim de o yüzden soruyorum.

Top/Left kullanınca direkt olarak yer değiştirilebiliyor, engel olmuyor.
Marginde ise işler biraz farklı.

Satyr · 29 Mayıs 2022

AteşliKazanova99 dedi:
Eki Görüntüle 1403347
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.

HTML Layout Elements and Techniques

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

CSS Templates

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Bu sayfadan yararlanabilirsiniz. Temel düzeyde birçok örneklendirmesi mevcut.

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

Ayrıntılı düzenleme

AteşliKazanova99

Decapat

Dosya Ekleri

VENOM? 月神

Myk61

Hectopat

William Crusader

Hectopat

VENOM? 月神

Hectopat

AteşliKazanova99

Decapat

William Crusader

Hectopat

VENOM? 月神

Hectopat

AteşliKazanova99

Decapat

William Crusader

Hectopat

Satyr

Decapat

HTML Layout Elements and Techniques

CSS Templates

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz