La hago rápida y cortita.
Trabajo con mailings que transformo en CSS y HTML con el Photoshop. El problema es que el código generado me posiciona la tabla a la izquierda, lo que yo necesito que la tabla quede al centro. Hace rato que estoy probando lo del text-align margin, etc, pero nada funciona.
Aquí dejo el código.
En negrita coloqué lo que estuve modificando, siempre la tabla_01 que es al que contiene a todo el resto.
Código:
Tengo que hacer el mailing para hoy por lo que agradezco cualquier ayuda que puedan brindarme.
<html>
<head>
<title>promo_panda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (promo_panda.psd) -->
<style type="text/css">
<!--
#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:1000px;
text-align: center;
}
#panda-01 {
position:absolute;
left:0px;
top:0px;
width:900px;
height:83px;
}
#panda-02 {
position:absolute;
left:0px;
top:83px;
width:900px;
height:234px;
}
#panda-03 {
position:absolute;
left:0px;
top:317px;
width:900px;
height:367px;
}
#panda-04 {
position:absolute;
left:0px;
top:684px;
width:900px;
height:304px;
}
#panda-05 {
position:absolute;
left:0px;
top:988px;
width:900px;
height:1px;
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (promo_panda.psd) -->
<div id="Tabla_01">
<div id="panda-01">
<img src="images/panda_01.gif" width="900" height="83" alt="" />
</div>
<div id="panda-02">
<img src="images/panda_02.gif" width="900" height="234" alt="" />
</div>
<div id="panda-03">
<img src="images/panda_03.gif" width="900" height="367" alt="" />
</div>
<div id="panda-04">
<img src="images/panda_04.gif" width="900" height="304" alt="" />
</div>
<div id="panda-05">
<p align="center">Si no puede ver este mail por favor haga <a href="#">click aquí</a></p>
<p> </p>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Gracias!
