HTML iki formu yan yana gösterme

FlyingBeaver

Kilopat
Katılım
11 Mart 2018
Mesajlar
127
Çözümler
3
Yer
Ankara
Daha fazla  
Cinsiyet
Erkek
Ekte de görüldüğü gibi personel ve şube ekleme isimli iki adet form yapım var. Bu iki formu alt alta değil de yan yana nasıl gösterebilirim?

Adsız.png
 
Son düzenleyen: Moderatör:
Div içine alarak float:left veya yeni nesil CSS3 ile gelen flex özelliğini kullanabilirsin. Onlarca farklı yolu var artık gerisi sana kalmış. En Kolay yoldan flex ve Boostrap 4tür.
 
İkisini de div içine alıp ikisini de display: inline-block verebilirsin, bu şekilde yan yana dururlar. Bu 2 dive de bir genişlik vermeyi unutma tabii.
 
kodu şöyle yazayım.

HTML:
<div class="left">
 // Personel ekle kodları buraya    
</div>
<div class="right">
// Şube Ekle kodları buraya    
</div>
<div class="clear"></div>

CSS kodları da css dosyalarına yazın.

Kod:
.clear {clear:both;}
.left, .right {margin:0;padding:0;width:49%;}
.left {float:left;}
.right {float:right;}

kod bu ama misal telefondan giren olur diye responsive bir tasarım yapıp belli çözünürlükten ufaksa iki bölümü hala alt alta çıkarmasını sağlayabilirsin
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Geri
Yukarı