Çö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


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.
 
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.

Evet öyle bir şeyde ne?
 
Position 3 veya 4 değer alabiliyordu sanırım hepsini dene adlarını unuttum

Belki işine yarar
 
Artı -1 Eksi
Çözüm:
Ar classına float left vermem gerekiyormuş.
 
Son düzenleme:
Çözüm
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…