Çözüldü HTML yazılar üst üste geliyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

264523

Gigapat
İlk 5 Haneli Mesajınız!
Katılım
14 Haziran 2019
Mesajlar
12.114
Makaleler
4
Çözümler
68
1620310943266.png


Arkadaşlar 4 tane aynı içerik alt alta gelmesini isterken üst üste geliyor.

[CODE lang="css" title="Kod"]article{
width: 70%;
height: 900px;
background-color: white;
display:block;
float: left;
border-right: 0.5px solid gray;
position: relative;
}
.ar{
width: 100%;
height: auto;
position: absolute;
}
.ar-img{
width: 40%;
margin: 25px;
float: left;

}
.ar-h{
display: inline-block;
margin-top: 25px;
margin-bottom: 25px;
font-size: 40px;
}
.ar-p{
font-size: 20px;

}
.btn {
border: none;
background-color: inherit;
padding: 7px 14px;
margin-right: 25%;
font-size: 16px;
cursor: pointer;
display: inline-block;
float: right;
}
.default {
color: black;
}

.default:hover {
background: #e7e7e7;
} [/CODE]

Position kaldırnca alt alt geliyor fakat çok bozuluyor.
 
Yanlış bilgi vermek istemem position: Relative; kısmını biraz kurcalarsan sonuca ulaşacağını umuyorum.

Lisede görmüştüm unuttum ama position kısmıyla ilgili diye hatırlıyorum.
 
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.

Technopat Haberler

Geri
Yukarı