0
Kayıt Ol

Görseli ve yazıyı aynı satırda yazamıyorum

4

●

31

  • 13-12-2021, 23:57:44
    #1
    Felix
    Felix
    Kimlik doğrulama veya yönetimden onay bekliyor.
    İyi geceler,

    HTML olarak bir görseli ve örnek bir yazıyı aynı satırda kullanmam lazımda ilgili kodları paylasabilir misiniz acaba, örnek text ve örnek görsel olarak.

    Teşekkür ederim şimdiden.
  • 14-12-2021, 00:09:55
    #2
    ahmetkucukonder
    ahmetkucukonder
    Display olarak flex veya grid seçeneklerinden bir tanesini kullanmanız gerekecek, ben bu tip işlemler için çoğunlukla flex'i tercih ediyorum.

    <div class="flexbox">
<img src="uploads/thumb.webp" />
<p>Deneme yazısı</p>
</div>
    .flexbox{
  display:flex;
  align-items:center;
}
    Çıktı:
  • 14-12-2021, 00:15:16
    #3
    Felix
    Felix
    ahmetkucukonder adlı üyeden alıntı: mesajı görüntüle
    Display olarak flex veya grid seçeneklerinden bir tanesini kullanmanız gerekecek, ben bu tip işlemler için çoğunlukla flex'i tercih ediyorum.

    <div class="flexbox">
<img src="uploads/thumb.webp" />
<p>Deneme yazısı</p>
</div>
    .flexbox{
  display:flex;
  align-items:center;
}
    Çıktı:
    Flexi denedim ama hem görseli çekmedi hem texti alta attı

    Edit: görseli düzelttim, tek blok halinde olmasına ragmen text alta geçiyor
  • 14-12-2021, 00:28:00
    #4
    ahmetkucukonder
    ahmetkucukonder
    Peace adlı üyeden alıntı: mesajı görüntüle
    Flexi denedim ama hem görseli çekmedi hem texti alta attı

    Edit: görseli düzelttim, tek blok halinde olmasına ragmen text alta geçiyor
    Eğer sayfa online ortamdaysa URL iletin eksikliklere bakayım. Localde çalışıyorsanız HTML kodlarınızı iletin kontrol edelim bir yerlerde hata olabilir birden fazla class varsa ve diğer class display propertysine block değerini override yapıyorsa buradan da kaynaklanabilir. Kapsayıcı div için grid veya flex değerini vermeniz yeterli olacaktır, flex-direction:row default değer olduğu için ekleme gereği duymuyorum eğer flex-direction:column ise bu da yatay değil dikey olarak sıralama yapacaktır.
  • 14-12-2021, 00:33:20
    #5
    Felix
    Felix
    ahmetkucukonder adlı üyeden alıntı: mesajı görüntüle
    Eğer sayfa online ortamdaysa URL iletin eksikliklere bakayım. Localde çalışıyorsanız HTML kodlarınızı iletin kontrol edelim bir yerlerde hata olabilir birden fazla class varsa ve diğer class display propertysine block değerini override yapıyorsa buradan da kaynaklanabilir. Kapsayıcı div için grid veya flex değerini vermeniz yeterli olacaktır, flex-direction:row default değer olduğu için ekleme gereği duymuyorum eğer flex-direction:column ise bu da yatay değil dikey olarak sıralama yapacaktır.
    Özelden ulaştım üstad.