Codigo html en un correo MSOutlook 2007

Murallitz · #1 (**permalink**) 12/08/2010, 09:44

Buenas tardes, espero que este sea el foro correcto.
A traves de php envio un codigo html a un correo outlook 2003 para que se visualice una encuesta.
Basicamente se visualiza una pagina web dentro del correo.

No hay problema con MSOutlook 2003 pero en el 2007 se visualiza mal.
En vez del radio button se visualiza parentesis ().
Que es lo que pasa en esa version?
O necesito alguna referencia en el htm para que el MSO2007 me reconozca los elementos de un formulario.
Saludos

Adjunto el html del correo.

Código HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--

.Titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.Texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.Informe {
	font-family: Calibri;
	font-size: 16px;
	font-weight: normal;
}
.InformeDatos {
	font-family: Calibri;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
}
.Preguntas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
</style>
</head>

<body>
<div align="left">
  <table width="1004" border="1" cellspacing="0.5">
    <tr>
      <td width="525" valign="top"><table width="521" border="0" cellspacing="0.5">
        <tr>
          <td width="519" height="69" bgcolor="#006699" class="Titulo"><div align="center">CIERRE DE TICKET </div></td>
        </tr>
        <tr>
          <td><p ><span class="Informe">Hola </span><span class="InformeDatos" >'.$nombreTienda.'</span>.</p>
            <p ><span class="Informe">Su servicio de soporte ha concluido y el ticket n&uacute;mero</span> <span class="InformeDatos" > '.$ID_Servicio.'</span> <span class="Informe">fue cerrado. </span></p>
            <p ><span class="Informe">El problema reportado fue:</span> <span class="InformeDatos" >'.$Problema.'</span></p>            
            <p ><span class="Informe">El tiempo total del servicio fue de:</span> <span class="InformeDatos" >'.$TiempoTotal.'</span></p>
            <p align="left" ><span class="Informe">El costo total del servicio fue de: </span><span class="InformeDatos" >S/. '.$CostoTotal.'</span></p></td>
        </tr>
      </table>
        <p >&nbsp;</p>
      </td>
      <td width="475" align="left"><table width="475" border="0" align="right" cellspacing="0.5">
        <tr>
          <td width="473" height="70" bgcolor="#CC0000"><div align="center"><span class="Titulo">ENCUESTA DE SATISFACCI&Oacute;N</span></div></td>
        </tr>
        <tr>
          <td valign="top"><p align="center" class="Titulo" >&nbsp;</p>
              <p align="left" class="Informe" >Tu opini&oacute;n es muy importante para nosotros. Por ello, te pedimos nos apoyes respondiendo nuestra encuesta de servicio. Muchas Gracias </p>
              <p align="left" ><span class="Preguntas">1.-&iquest;Que te pareci&oacute; la calidad de nuestro servicio? </span> </p>
              <form id="form1" name="form1" method="post" action="http://www.franquiciasperu.com/servicedesk/GrabaEncuesta.php">
                <p align="left" class="Estilo11"> <span class="Texto">
                  <input name="Servicio" id="Servicio" type="radio" value="1" />
                  Excelente
                  <input name="Servicio" type="radio" id="radio3" value="2" />
                  Bueno
                  <input name="Servicio" type="radio" id="radio" value="3" />
                  Regular
                  <input name="Servicio" type="radio" id="radio2" value="4" />
                  Malo</span></p>
              <p align="left" class="Preguntas" >2.-&iquest;Que te pareci&oacute; nuestro tiempo de respuesta ? </p>
              <p align="left" > <span class="Texto">
                  <input name="Tiempo" id="Tiempo" type="radio" value="1" />
                Excelente
                <input name="Tiempo" type="radio" id="Tiempo" value="2" />
                Bueno
                <input name="Tiempo" type="radio" id="Tiempo" value="3" />
                Regular
                <input name="Tiempo" type="radio" id="Tiempo" value="4" />
                Malo </span></p>
              <p align="left" class="Preguntas" >3.-&iquest;Que te pareci&oacute; el trato de nuestro personal ?</p>
              <p align="left" > <span class="Texto">
                  <input name="Trato" id="Trato" type="radio" value="1" />
                Excelente
                <input name="Trato" type="radio" id="Trato" value="2" />
                Bueno
                <input name="Trato" type="radio" id="Trato" value="3" />
                Regular
                <input name="Trato" type="radio" id="Trato" value="4" />
                Malo</span></p>
              <p align="left" class="Preguntas" >4.-Comentarios</p>
              <p align="left">
                  <textarea name="Observaciones" cols="40" rows="5" id="Observaciones"></textarea>
                </p>
              <input type="submit" name="Submit" value="Enviar" />
                <input type="reset" name="Submit2" value="Restablecer" />
                <input name="ID_Servicio" type="text" id ="ID_Servicio" style="visibility:hidden" value='.$ID_Servicio.' size="1" />
                <input name="Fecha" type="text" id ="Fecha" style="visibility:hidden" value='.$Fecha.' size="1" />
                <input name="ID_Tienda" type="text" id ="ID_Tienda" style="visibility:hidden" value='.$ID_Tienda.' size="1" />
                </p>
            </form></td>
        </tr>
      </table></td>
    </tr>
  </table>
  <p >&nbsp;</p>
</div>
</body>
</html>

Espero me puedan ayudar.
Saludos

Murallitz · #2 (**permalink**) 19/08/2010, 09:27

Hola que tal, estuve averiguando un poco, y lo unico que encontre es que MSOutlook 2003 trabaja con el motor de html, y MSOutlook 2007 trabaja con el motor de word.
De repente este dato pueda ayudar en algo a encontrar una respuesta.
Saludos

seudoCodigo · #3 (**permalink**) 19/08/2010, 09:59

Por lo menos Outlook 2007 no reconoce estilos. Tienes que irte a la antigua con el. Osea poner el famoso tag "<font>" de HTML.

Por ejemplo si quieres dar estilo a un texto:

Código:

<font face="Arial" size="2">Hola Munfo</font>

Lo más probable tambien ha cambiado otras areas de comportamiento como la que mencionas