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

DnzCgn · 16 Ağustos 2022

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>

Yeniçocuk · 16 Ağustos 2022

CSS:

.p1s
{
 flex-direction:column;
 display:flex;
}

.h1s
{
 display:flex;
 flex-direction:column;
 justify-content:center;
}

Böyle dener misiniz?

DnzCgn · 16 Ağustos 2022

Yeniçocuk dedi:
CSS:

.p1s { flex-direction:column; display:flex; } .h1s { display:flex; flex-direction:column; justify-content:center; }

Böyle dener misiniz?

Deniyorum.

Yeniçocuk dedi:
CSS:

.p1s { flex-direction:column; display:flex; } .h1s { display:flex; flex-direction:column; justify-content:center; }

Böyle dener misiniz?

Maalesef olmadı.

Yeniçocuk · 16 Ağustos 2022

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;
}

DnzCgn · 17 Ağustos 2022

Yeniçocuk dedi:
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 · 17 Ağustos 2022

DnzCgn dedi:
Ş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.

DnzCgn · 17 Ağustos 2022

Yeniçocuk dedi:
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.

Teşekkür ederim.

Yeniçocuk · 17 Ağustos 2022

DnzCgn dedi:
Teşekkür ederim.

Kolay gelsin.

DnzCgn · 17 Ağustos 2022

Yeniçocuk dedi:
Kolay gelsin.

Teşekkürler

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

Ayrıntılı düzenleme

DnzCgn

Hectopat

Yeniçocuk

Yeniçocuk

Kilopat

DnzCgn

Hectopat

Yeniçocuk

Kilopat

DnzCgn

Hectopat

Yeniçocuk

Kilopat

DnzCgn

Hectopat

Yeniçocuk

Kilopat

DnzCgn

Hectopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz