Email html

mktalternativa · #1 (**permalink**) 09/02/2014, 22:15

Hola tengo un problema con este codigo html que mando por email cuando lo abro desde gmail
No me reconoce todo el ancho del div contenedor central queria saber que tengo que corregir o que me recomiendan mejorar gracias

Código:

<html >
  <head>
    
  </head>
  <body>
<span style='height: 1108px; width: 978px; position: absolute; border: 1px solid #999;'>
		<span  style='height: 800px; width: 960px; position: absolute; left: 9px; top: 9px;'>
        		<a href="url" target="_blank" style='text-decoration: none;'><img src="url image" style='border: none;' /></a>
        </span>
        
        <span style='height: 165px; width: 475px; position: absolute; left: 9px; top: 819px;'>
        		<img src="url image" style='border: none;' /></span>
        
        <span  style='height: 165px; width: 475px; position: absolute; right: 9px; top: 819px;'>
        		<img src="url image" style='border: none;' /></span>
        
        <span  style='height: 55px; width: 960px; position: absolute; left: 9px; top: 994px;'>
        		<a href="url " target="_blank" style="text-decoration: none;"><img src="url image" style='border: none;' /></a>
        </span>
        
        <span style='height: 40px; width: 380px; position: absolute; left: 9px; top: 1059px;'>
        		<img src="url image" style='border: none;' /></span>
        
        <span  style="height: 40px; width: 280px; position: absolute; left: 399px; top: 1059px;">
        		<a href="https://www.facebook.com/" target="_blank" style="text-decoration: none;"><img src="url image" style="border: none;" /></a>
        </span>
        
        <span  style='height: 40px; width: 280px; position: absolute; left: 689px; top: 1059px;'>
        		<a href="https://twitter.com/s" target="_blank" style='text-decoration: none;'><img src="url imagen" style='border: none;' /></a>
        </span>

</span>
 [CONTENT]
</body>
</html>

Verkia · #2 (**permalink**) 10/02/2014, 02:31

Bueno el tema de CSS en email deja mucho que desear, hay muchas propiedades que no las detecta, te paso una lista con dichas propiedades CSS:
http://www.campaignmonitor.com/css/

Imagino que cuando dices contenedor central te refieres al primer span, bueno si quieres que ocupe el ancho total utiliza width=100%. Y evitaría utilizar position:absolute, quizás una tabla se te adapte mejor.

Un saludo.

mktalternativa · #3 (**permalink**) 10/02/2014, 06:58

Muchas gracias use tablas y me fue muy bien

hackjose · #4 (**permalink**) 10/02/2014, 09:55

Las propiedades width y height no aplican a elementos inline no reemplazados

Usar tablas para diseño no es ideal, si piensas hacerlo tienes que agregar el atributo role="presentation"

saludos n_n

jhonny6721 · #5 (**permalink**) 10/02/2014, 10:07

Por que no usas PHP???? Es mas facil enviar emails con ese lenguaje.

Carlangueitor · #6 (**permalink**) 11/02/2014, 17:02

Las tablas están bien si haces mailing, los clientes de correo son incompatibles con mucha parte de CSS. Y El lenguaje de programación con que envíes los correos no tiene que ver con eso.

Saludos