Problema con imagen con texto en un correo php

minfhm · #1 (**permalink**) 24/03/2012, 19:58

Hola! tengo un problemilla, espero me puedan ayudar.

Tengo un php que manda un correo al usuario con los datos que insertó en un formulario, pero estos datos deben estar encima de una imagen ya que es una tarjeta de registro y tengo la imagen de la tarjetita con los campos de nombre y direccion etc vacios y yo quiero que se "encimen" los datos que habia introducido el usuario; para que la puedan imprimir.

El correo que estoy enviando tiene html y yo inserte la imagen y coloque con atributos css los datos del usuario en "su lugar". Si pruebo este html en el navegador se ver perfectamente, pero cuando pongo el codigo en el mail() de php no me respeta la posicion de los datos, solo el color y la tipografia..

aqui el codigo

Código PHP:

  $to      .= '[email protected] '. ', ';

$to .= $user;

$subject .= 'Registro GiftCard';

 
$message .=' 

            <html>

            <head>

            <title>Nail Planet ::: Contacto</title>

            <meta http-equiv="Content-Type" content="text/css; charset=utf-8" />

 
        

</head>

            <body >

<div style=" width:600px; margin:30px 0 0 30px;">

 
<table align="left" border="0" width="600" CELLSPACING="1" CELLPADDING="5" >

<tr>

<td>

<p style=" color:#88028C; font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.95em; ">Gracias por regitrarte en nuestro Club, ahora podrás disfrutar de todas nuestras 

promociones y descuentos!. Estos son los datos que nos proporcionaste:</p>

</td>

</tr>

 
</table>

</div>

 
 
// aqui la imagen que les comento

 
<div >

 
         <img src="http://www.nailplanet.com.mx/segundas%20pruebas/imagenes/giftcard/giftcard2012.png" style="width:450px; position: relative; margin: 0px auto"/>

 
        <div style=" font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.8em; color:#E41270; margin: -205px 0 0 90px ">'.$nnombre.'   '.$aapellidos.'</div>

       

        <div style="position:absolute; font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.8em; color:#E41270;  margin: -157px 0 0 90px ">'.$fecha_nacimiento.'</div>

        

        <div style="position:absolute; font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.8em; color:#E41270;  margin: -157px 0 0 240px ">'.$telefono_particular.'</div>

        

        <div style="width:370px; position:absolute; font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.8em; color:#E41270;  margin: -112px 0 0 90px ">'.$ddireccion.' '.$cciudad.'</div>

           

          <div style="position:absolute; font-family:Trebuchet Ms, Helvetica, Arial; font-size:0.8em; color:#E41270;  margin: -49px 0 0 90px ">000'. $tomarid .'</div>

</div>

 
</body>

            </html>

';

entonces yo ubico los datos en su posicion correcta con el "margin" pero cuando llega el correo no lo respeta :( que hago mal?
saludos!