Imagen no se muestra al enviar correos con formato HTML usando función mail() Estoy tratando de mandar un correo con formato html para que el cliente lo vea bonito. He usado la funcion mail() de php y me lo manda perfectamente, el problema viene cuando al mostrar el correo recibido no se muestra una imagen que esta en el html que le mando vean la imagen:
http://androidutec.net84.net/correos/correo_formato.html
eso es lo que se manda en el codigo php pero cuando el cliente ve su correo la imagen no se muestra , porque? Por aca les pongo el codigo:
Código PHP:
function correo($correo, $usuario, $direccion){
$correo2 = substr($correo, 1,3);
$usuario2 = substr($usuario, 1,2);
$direccion2 = substr($direccion, 2,3);
$from = "[email protected]";
$Subject = "Bienvenida a HotelFinder";
$cabeceras = "Content-type:text/html\r\n";
//$mensaje = "Hola $usuario ! <br> Te damos la bienvenida a HotelFinder! <br> Para poder activar tu cuenta da click <a href='http://androidutec.net84.net/correos/activa_cuenta.php?user=$usuario&recor=$correo2&ccionre=$direccion2'>aqui</a> <br> Si tienes algun inconveniente tambien puedes copiar y pegar en la barra de direcciones el siguiente link: <br>http://androidutec.net84.net/correos/activa_cuenta.php?recor=$correo2&user=$usuario&ccionre=$direccion2";
$mensaje = "
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link href='http://fonts.googleapis.com/css?family=Architects+Daugther|Roboto|Open+Sans+Condensed:300italic|Shadows+Into+Light&effect=shadow-multiple|3d-float|fire-animation|neon|ice|emboss|3d' rel='stylesheet' type='text/css'>
<title></title>
<style type='text/css'>
h4{
font-family: 'Roboto', sans-serif;
color: #af6607;
font-size: 39px;
}
h5{
font-family: 'Open Sans Condensed', sans-serif;
}
h6{
font-family: 'Shadows Into Light', cursive;
font-size: 25px;
text-align: justify;
color: #aaaaaa;
}
h5{
font-family: 'Architects Daughter', cursive;
font-size: 30px;
}
p2{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
color: #0088cc;
}
.bs-example-popover .popover {
position: relative;
display: block;
float: left;
margin: 20px;
margin-top: 0px;
}
body {
margin-right: 100px;
margin-left: 100px;
margin-top: 0px;
}
</style>
</head>
<body>
<center>
<h4 class='font-effect-3d-float'>Te damos la Bienvenida a </h4>
<img src='../img/logo1.png' width='300'>
<h6>Hola queremos darte la Bienvenida a nuestro sitio de <strong><font color='#0088cc'>Hoteles. </font>
</strong>Deseamos que <strong><font color='#0088cc'>HotelFinder</font></strong> sea de gran utilidad para tu negocio</h6>
</center>
</body>
</html>
";
$headers = "From: " . $from ;
$envio = mail($correo, $Subject, $mensaje, $cabeceras);
if ($envio == true) {
# code...
$valor = true;
}else{
$valor = false;
}
return $valor;
}
