Ayuda con Firma HTML para Gmail

R

Revanx #1 Nov '21

Buenas a todos, tengo una duda que espero podais ayudarme por que no le encuentro sencillo.

os pongo en situación, he creado una firma para Gmail con una plantilla en Photoshop que he convertido a HTML para editar con el Dreamweaver o con el Notepad++

Partamos de que no soy un entendido en HTML pero yo creo que la hice bien, puesto que la abro y se ve perfecta, pero a la hora de ponerla en Gmail aparece "descuadrada" como si tuviera una separaciones

por mas que toqueteo y juego con las medidas no logro cuadrarlo y capaz que es alguna tonteria

Firma Original:

Firma En GMail:

Codigo HTML:

<html>
<head>
<title>Firma</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Tabla_01" width="458" height="136" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="11">
            <img src="https://i.imgur.com/xb6jKph.jpg" width="458" height="62" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="https://i.imgur.com/weQK24C.jpg" width="18" height="74" alt=""></td>
        <td>
            <img src="https://i.imgur.com/wCxDq8k.jpg" width="53" height="52" alt=""></td>
        <td rowspan="2">
            <img src="https://i.imgur.com/FDNyQyy.jpg" width="15" height="74" alt=""></td>
        <td>
            <img src="https://i.imgur.com/NcV1ncO.jpg" width="52" height="52" alt=""></td>
        <td rowspan="2">
            <img src="https://i.imgur.com/qSDzp8s.jpg" width="15" height="74" alt=""></td>
        <td>
            <img src="https://i.imgur.com/vF0sQxw.jpg" width="52" height="52" alt=""></td>
        <td rowspan="2">
            <img src="https://i.imgur.com/ar8nRsc.jpg" width="15" height="74" alt=""></td>
        <td>
            <img src="https://i.imgur.com/vKNH6AW.jpg" width="52" height="52" alt=""></td>
        <td rowspan="2">
            <img src="https://i.imgur.com/epxfX7x.jpg" width="15" height="74" alt=""></td>
        <td>
            <img src="https://i.imgur.com/Ovn7sbA.jpg" width="53" height="52" alt=""></td>
        <td rowspan="2">
            <img src="https://i.imgur.com/oYNSCwc.jpg" width="118" height="74" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="https://i.imgur.com/IO67mxZ.jpg" width="53" height="22" alt=""></td>
        <td>
            <img src="https://i.imgur.com/xc8A8fL.jpg" width="52" height="22" alt=""></td>
        <td>
            <img src="https://i.imgur.com/xRiBRJD.jpg" width="52" height="22" alt=""></td>
        <td>
            <img src="https://i.imgur.com/PAmzyVU.jpg" width="52" height="22" alt=""></td>
        <td>
            <img src="https://i.imgur.com/FtGIRge.jpg" width="53" height="22" alt=""></td>
    </tr>
</table>
</body>
</html>

MisKo #2 Nov '21

Creo que recortar las imágenes en distintos tamaños para que ocupen distintas filas es lo que te está fastidiando,

Yo las cortaría todas por fila y listo:

Las lineas rojas serían los cortes (me he dejado algunos, pero te haces a la idea xD)

1 respuesta

R

Revanx #3 Nov '21

#2 yo con la herramienta sector solo recorté lo que serian las redes sociales y el resto de cortes me los hizo automaticamente el photoshop.

he intentado como dices y hacer menos cortes pero aun asi es ponerla en Gmail y se descuadra sola.

1 respuesta

MisKo #4 Nov '21

#3 Prueba a agregarle a las imágenes un style="display:inline-block" a ver si con eso te quita los espacios xD

Ayuda con Firma HTML para Gmail

Usuarios habituales

Tags