HTML Yardım - R10.net

19-07-2021, 11:34:59

alttaki 2 satırı yanyana getirmek için nasıl bir düzenleme yapmam lazım. şimdiden teşekkürler

<div class="col-auto">
                    <div class="header-phone">
                        <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                            <span>Müşteri Hizmetleri:</span>
                            <p>{{ theme.settings.phone }}</p>
                        </a>
                    </div>
                  <div class="whatsapp-link">
                        <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                            <span>Whatsapp Hattımız</span>
                        </a>
                    </div>
                </div>

19-07-2021, 11:37:44

#2

batuhanyuksel

aynı div içine alıp dener misiniz

19-07-2021, 11:40:13

#3

esartpv

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

aynı div içine alıp dener misiniz

şu şekilde denedim ama yine aynı sonuç

  <div class="col-auto">
                    <div class="header-phone">
                        <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                            <span>Müşteri Hizmetleri:</span>
                            <p>{{ theme.settings.phone }}</p>
                        </a>
                           <div class="whatsapp-link">
                            <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                            <span>Whatsapp Hattımız</span>
                            </a>
                          </div>
                    </div>

19-07-2021, 11:42:00

#4

MythDev

Divlere float:left; verin. Daha sonra zaten padding-left veya padding-right ile aralarını açarsınız.

19-07-2021, 11:44:26

#5

Climes

<div class="col-auto" style="display:flex;">

Olarak değiştirin. Daha sonra isterseniz margin-left ile arayı açabilirsiniz

 <div class="whatsapp-link" style="margin-left:10px">

19-07-2021, 11:44:31

#6

uA_emrezyt

<div class="col-auto d-flex">
                    <div class="header-phone">
                        <a href="tel:{{ theme.settings.phone | replace({' ': '','(': '',')': ''}) }}">
                            <span>Müşteri Hizmetleri:</span>
                            <p>{{ theme.settings.phone }}</p>
                        </a>
                    </div>
                  <div class="whatsapp-link">
                        <a href="https://wa.me/905528213528?text=Merhaba%20size%20Mıknatıs%20AVM%20üzerinden%20ulaşıyorum.">
                            <span>Whatsapp Hattımız</span>
                        </a>
                    </div>
                </div>

.d-flex {
     display:flex;
}

21-07-2021, 13:04:03

#7

esartpv

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

<div class="col-auto" style="display:flex;">

Olarak değiştirin. Daha sonra isterseniz margin-left ile arayı açabilirsiniz

 <div class="whatsapp-link" style="margin-left:10px">

bu kodla malesef yanyana gelmedi

26-07-2021, 22:28:02

#8

gc_works

!important kullanarak deneyin:

 <div class="col-auto" style="display:flex !important;">