• 27-06-2023, 19:10:08
    #1
    EKLEME: ChatGPT sağ olsun çözdüm

    Arkadaşlar ürün eklerken iç giyim kategorisinde 2 tane uyarı mesaji ekliyorum bilgilendirme için.. Wp-admin'de eklendiğim pencere aşağıdaki gibi gayet normal görünüyor..



    Ancak web sitesinde görüntüsünde sağdaki 2 simge sürekli sola yaslanıyor. Daha önceki temamda da aynı şekilde kullanıyordum ve hiçbir sorun yoktu.. Bir iki denedim ama çözemedim..



    Söz konusun alanın kodu da aşağıda.. Acaba nerede hata var?

    <table style="width: 100%; background-color: #dff0d8; border-collapse: collapse; height: 100px;" border="0" cellspacing="10">
    <tbody>
    <tr style="height: 100px;">
    <td style="width: 7%; height: 100px;"><img class="size-full wp-image-5499 aligncenter" src="https://www.domain.com.tr/ok.png" alt="Güvenli Gönderi Check Mark" width="50" height="50" /></td>
    <td style="width: 90%; height: 100px;"><span style="color: #3c763d;"><strong>GİZLİ GÖNDERİ</strong></span>
    <span style="color: #3c763d;">Bizim için, sizin güvenliğiniz ve gizliliğiniz çok önemlidir. Aldığınız her ürün gönderilmeden önce dışarıdan anlaşılmayacak şekilde paketlenir ve kutulanır. Sizin dışınızda hiç kimse paket içeriğini bilemez.</span></td>
    </tr>
    </tbody>
    </table>
    <table style="width: 100%; background-color: #f2dede; border-collapse: collapse; height: 100px;" border="0" cellspacing="10">
    <tbody>
    <tr style="height: 100px;">
    <td style="width: 7%; height: 100px;"><img class="size-full wp-image-5498 aligncenter" src="https://www.domain.com.tr/uyari.png" alt="İade Uyari Simgesi" width="50" height="50" /></td>
    <td style="width: 90%; height: 100px;"><span style="color: #a94442;"><strong>ÖNEMLİ BİLGİLENDİRME</strong></span>
    <span style="color: #a94442;">Bayan İç Giyim kategorisindeki bu üründe, 6502 sayılı Tüketicinin Korunması Hakkında Kanunu ve hijyen kuralları gereği iade ya da değişim yapılamamaktadır.</span></td>
    </tr>
    </tbody>
    </table>
  • 27-06-2023, 19:19:52
    #2
    padding: Xpx;
    Panelde oluyor sayfada olmuyorsa css kodlarındandır manuel olarak yukarıda ki kodu
    <td style="width: 7%; height: 100px;">
    Bunun içine eklersen istediğin kadar sağa çekersin.
  • 27-06-2023, 19:20:39
    #3
    clear: both;

    ekleyin

    padding: 10px;

    ekleyin

    bunlarla uğraşmamak için bootstrap öğrenin yada kullanın