Box sağına ve soluna yazı sabitleme nasıl yapılır ?

15-07-2018, 17:36:02

https://daymedya.com/ sitemde bulunan box'ın sağına ve soluna nasıl yazı eklerim.
Birkaç sağa sola sabitleme kodu denedim ancak tamemen sitenin sağına ve soluna yaslıyor yazıyı.

İstediğim konum ( Boyanmış olan yerler ) : http://prntscr.com/k6owtu

15-07-2018, 17:56:54

#2

~~Asgardia~~

Üyeliği durduruldu

Kod bootstrap ile yazılmış Bunu kolayca halledebilirsiniz.

kod sartırından belirtlen yere ulaşım daha sonra bu div ortada kalacak şekilde

<div class="col-lg-3 col-md-3 col-xs-3 center-block d-flex align-content-center"  >
 <h2>SOL YAZI </h2>
</div>

<div class="col-lg-6 col-md-6 col-xs-6center-block">
/* burası bizim köpeğimizin olduğu yer
</div>

<div class="col-lg-3 col-md-3 col-xs-3 center-block d-flex align-content-center"  >
 <h2>sağ YAZI </h2>
</div>

15-07-2018, 18:10:47

#3

tyesil

Misafir

Glare adlı üyeden alıntı: mesajı görüntüle

https://daymedya.com/ sitemde bulunan box'ın sağına ve soluna nasıl yazı eklerim.
Birkaç sağa sola sabitleme kodu denedim ancak tamemen sitenin sağına ve soluna yaslıyor yazıyı.

İstediğim konum ( Boyanmış olan yerler ) : http://prntscr.com/k6owtu

Açıkçası hocam ben direk ögeyi denetleden yazdım ne ile yazıldığına bakmadım ileride başka yerde de geliştirir kullanırsınız
Mantıken şu ana div "position:relative;" olacak içindeki sabit kutularda "position:absolute" olacak
Sonrasında kutunun genişliği ne ise sağda ise sağa doğru -genişlik.px kadar ilerleteceksiniz

<center style="position:relative;">
    <div style="position:absolute;left: -200px;top:0;border:  1px solid #000;width:  200px;height: 500px;background-color:  white;">Kutu 1</div>
    <img src="logo.png" width="100%" alt="youtube takipçi satın al">
    <div style="position:absolute;right: -200px;top:0;border:  1px solid #000;width:  200px;height: 500px;background-color:  white;">Kutu 2</div>
</center>

15-07-2018, 18:54:58

#4

Glare

Misafir adlı üyeden alıntı: mesajı görüntüle

Açıkçası hocam ben direk ögeyi denetleden yazdım ne ile yazıldığına bakmadım ileride başka yerde de geliştirir kullanırsınız
Mantıken şu ana div "position:relative;" olacak içindeki sabit kutularda "position:absolute" olacak
Sonrasında kutunun genişliği ne ise sağda ise sağa doğru -genişlik.px kadar ilerleteceksiniz

<center style="position:relative;">
    <div style="position:absolute;left: -200px;top:0;border:  1px solid #000;width:  200px;height: 500px;background-color:  white;">Kutu 1</div>
    <img src="logo.png" width="100%" alt="youtube takipçi satın al">
    <div style="position:absolute;right: -200px;top:0;border:  1px solid #000;width:  200px;height: 500px;background-color:  white;">Kutu 2</div>
</center>

Hocam mobil görüntüyü tamamen bozuyor, mobilde görünmemesini nasıl sağlarız.

Asgardia adlı üyeden alıntı: mesajı görüntüle

Kod bootstrap ile yazılmış Bunu kolayca halledebilirsiniz.

kod sartırından belirtlen yere ulaşım daha sonra bu div ortada kalacak şekilde

<div class="col-lg-3 col-md-3 col-xs-3 center-block d-flex align-content-center"  >
 <h2>SOL YAZI </h2>
</div>

<div class="col-lg-6 col-md-6 col-xs-6center-block">
/* burası bizim köpeğimizin olduğu yer
</div>

<div class="col-lg-3 col-md-3 col-xs-3 center-block d-flex align-content-center"  >
 <h2>sağ YAZI </h2>
</div>

Direk köpeğin sağına soluna yapıştırdı hocam

15-07-2018, 21:11:28

#5