Çözüldü CSS yazının yerini değiştirme

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

DnzCgn

Decapat
Katılım
20 Kasım 2019
Mesajlar
314
Çözümler
2
Merhaba, ben bir film inceleme sitesi teması yapıyorum ancak bir yerde tıkandım. P taglarını CSS ile açtığımda başlığın(H1) altına yazılması gerekirken yazının yanına yazılıyor. Bunu nasıl başlığın altına yazabilirim? (anlamayanlar resme bakabilir.)

Kodlar:
.kutu2{ width: 820px; height: 350px; padding: 20px; background-color: rgb(14,15,28); display: flex; justify-content: center; border-radius: 20px/20px; margin: auto; flex-directon: column; } .img1{ width: 150px; justify-content: center; height: 300px; } .h1s{ margin-left: 235px; color: whitesmoke; } .p1s { margin-left: 100px; color: whitesmoke; width: 150px; }

kutu2: kutunun css
p1s: p nin css
h1s: h nin css
img: resimin css

<div class="kutu2"> <img src="indir.jpg" class="img1"> <h2 class="h1s">Thor: Love and Thunter İnceleme</h2> <p class="p1s"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div>


1660668566474.png
 
Çözüm
Online yaptığım için kodun diğer kısmını gözden kaçırdım. Tekrardan şöyle dener misiniz?

HTML:
<div class="kutu2">
<img src="indir.jpg" class="img1">
<div class="contentBox">
<h2 class="h1s">Thor: Love and Thunter İnceleme</h2>
<p class="p1s">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>

CSS:
.contentBox
{
 flex-direction:column;
 display:flex;
}
KS
KS
D

DnzCgn

Decapat
Katılım
20 Kasım 2019
Mesajlar
314
Çözümler
2

Yeniçocuk

Hectopat
Katılım
30 Kasım 2018
Mesajlar
4.687
Makaleler
2
Çözümler
7
Online yaptığım için kodun diğer kısmını gözden kaçırdım. Tekrardan şöyle dener misiniz?

HTML:
<div class="kutu2">
<img src="indir.jpg" class="img1">
<div class="contentBox">
<h2 class="h1s">Thor: Love and Thunter İnceleme</h2>
<p class="p1s">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>

CSS:
.contentBox
{
 flex-direction:column;
 display:flex;
}
 
Çözüm
KS
KS
D

DnzCgn

Decapat
Katılım
20 Kasım 2019
Mesajlar
314
Çözümler
2
Online yaptığım için kodun diğer kısmını gözden kaçırdım. Tekrardan şöyle dener misiniz?

HTML:
<div class="kutu2">
<img src="indir.jpg" class="img1">
<div class="contentBox">
<h2 class="h1s">Thor: Love and Thunter İnceleme</h2>
<p class="p1s">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>

CSS:
.contentBox
{
 flex-direction:column;
 display:flex;
}

Teşekkürler
 

Yeniçocuk

Hectopat
Katılım
30 Kasım 2018
Mesajlar
4.687
Makaleler
2
Çözümler
7
Şimdide posterin yanına yapıştı. Margin left ile ayarlayabilir miyim? Vede yazı kare şeklinde oldu biraz daha nasıl genişletebilirim?

Margin ile kendi isteğinize göre ayarlayabilirsiniz. Div iç in genişlik vererek artırabilirsiniz. Div için px yerine % ile genişlik vermeye çalışın.
 

Yeni konular

Yukarı