Sending mail

Tasos · September 15, 2013

Hello i have a question, about how to fix this.

I made this and i want to send it in mail but design is not showing up. this is how i want and what i receive.

Here below the script i use.

<?
include("config.php");

if(is_array($_POST['emails'])) {
	$subject = "Food Deal";
	
	$photoExt = explode('.',$_FILES['file']['name']);
	$fname=time()."_".mt_rand(1,1000).".".end($photoExt);
	$imageUrl = "upload_images/$fname";
	move_uploaded_file($_FILES['file']['tmp_name'],$imageUrl);
	
	$message = '<!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=utf-8" />
<title>Untitled Document</title>
<style>
#wrapper{
	width:600px;
	height:800px;
	border:2px solid #CCC;
	background-color:#efefef;
	
	
}
.header{
	width:100%;
	height:150px;
	
	
	float:left;
}
.headr img{
	width:570px;
	height:75;
}
.header-2{
	width:570px;
	height:25px;
    margin-left:15px;
	margin-bottom:10px;
	margin-bottom:20px;
	float:left;
}
.wrap-image{
	width:100%;
	height:300px;
	float:left;
	margin-bottom:20px;
	
}
.wrap-image img{
	width:100%;
	height:300px;
	float:left;
}

#info{
	width:100%;
	height:260px;
	float:left;
	border-bottom:1px solid #282828;
}
#info .text{
	height:200px;
	width:340px;
	float:left;
	margin-left:15px;
	
	
	
}
#info .right{
	height:240px;
	width:205px;
	float:left;
	margin-left:5px;
	text-align:center;
	background-color:#fff;
	padding:10px;
	
}
#info .date{
	width:100%;
	height:40px;
	float:left;
	margin-bottom:5px;
	font-size:25px;
	padding-top:10px;
	background-color:#efefef;
	font:"Times New Roman", Times, serif;
}
#info .day{
	width:100%;
	height:100px;
	float:left;
	margin-bottom:10px;
	font-size:90px;
	font-weight:bold;
}
#info .space{
	height:25px;
	width:100%;
	float:left;
}
#info .to-website{
	width:100%;
	height:50px;
	float:left;
	font-size:20px;
	padding-top:4px;
	
}
#info a:link{
	text-decoration:none;
	color:#fff;
}
#info a:visited{
	color:#FFF;
}

#info .navigation {
border: none;
padding: 9.6px 19.2px;
background: #c0392b;
color: #fff;

font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
margin: 3px 2px;
border-radius: 2px;
}
#info .navigation:hover{
	background: #A5281B;
	
}
#title{
	width:565px;
	height:25px;
	margin-bottom:10px;
	float:left;
	margin-left:10px;
	font-size:24px;
	background-color:#fff;
	padding:5px;
	border-bottom:#c0c0c0 solid 1px;
	-webkit-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 27px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 27px rgba(50, 50, 50, 0.75);
	
}
#title .in{
	background-color:#efefef;
	width:400px;
	height:30px;
	float:left;
	padding-left:25px;
}

</style>
</head>

<body>

<div id="wrapper">
<div class="header">
<img src="img/mail-photo.jpg" width="100%" height="150" />
</div>


<div class="wrap-image">
<a href="'.$_POST['url'].'"><img src="'.$site_url.$imageUrl.'"></a>
</div>
<div id="title"><div class="in">'.$_POST['title'].' - '.$_POST['valid'].'</div></div>
<div id="info">
<div class="text">
'.$_POST['desc'].'

</div>
<div class="right">
<div class="date">juli 2013</div>
<div class="day">4</div>

<div class="to-website">
<div class="navigation"><a href="http://www.google.com">Reserveren</a></div>
<a href="'.$_POST['url'].'">
<div style="width:100%; height:20px; font-size:14px; background-color:#c0392b; padding:2px;">
Of ga naar website</a>
</div>
</div>

</div>
</div>


<div style="float:left;">All rights reserved © one-webmedia.nl</div>

</div>';
	
	$headers  = 'MIME-Version: 1.0' . "\r\n";
	$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
	$headers .= "From: $from_email\r\n"."X-Mailer: php";
	foreach($_POST['emails'] as $email) {
	mail($email,$subject,$message,$headers);
	}
	
	header("location: ?send_message=1");
	exit;
	
}
?>


</body>
</html>

What am doing wrong here ?

Thank.

Tasos · September 15, 2013

Hello i just fix the problem.... i need to write everything like <div style="color:#000; margin:5px;"></div> instead of <div id="wrapper"></div>

fastsol · September 15, 2013

You also don't need any of the doctype and head tag info in the email.

jazzman1 · September 15, 2013

You also don't need any of the doctype and head tag info in the email.

Why not?

Basically, the html email templates are very simple web pages but coding them, like we're in 1996

Sign In

Sending mail

Recommended Posts

Tasos

Link to comment

Share on other sites

Tasos

Link to comment

Share on other sites

fastsol

Link to comment

Share on other sites

jazzman1

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information