Hello everyone a friend of mine has asked me to make him a email signature he wants a border ive quickly organised code in Dreamweaver because i have been having difficulty doing it by hand what i want to do is have a border around it but somthing seems to be in the way making it go full page width.
I appreciate any help with this thank you.
<!doctype html>
<!--Quite a few clients strip your Doctype out, and some even apply their own. Many clients do honor your doctype and it can make things much easier if you can validate constantly against a Doctype.-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email template By Adobe Dreamweaver CC</title>
<!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
<!-- When use in Email please remove all comments as it is removed by Email clients-->
<!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->
<style type="text/css">
body {
margin: 0;
border-radius: 4px;
border: medium solid #070707;
}
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Merienda, 'Times New Roman', serif;
font-style: normal;
font-weight: 400;
}
button{
width:90%;
}
@media screen and (max-width:600px) {
/*styling for objects with screen size less than 600px; */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Merienda, 'Times New Roman', serif;
}
table {
/* All tables are 100% width */
width: auto;
}
.footer {
/* Footer has 2 columns each of 48% width */
height: auto !important;
max-width: 48% !important;
width: 48% !important;
}
table.responsiveImage {
/* Container for images in catalog */
height: auto !important;
max-width: 30% !important;
width: 30% !important;
}
table.responsiveContent {
/* Content that accompanies the content in the catalog */
height: auto !important;
max-width: 66% !important;
width: 66% !important;
}
.top {
/* Each Columnar table in the header */
height: auto !important;
max-width: 48% !important;
width: 48% !important;
}
.catalog {
margin-left: 0%!important;
}
}
@media screen and (max-width:480px) {
/*styling for objects with screen size less than 480px; */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: none!important;
font-family: Merienda, 'Times New Roman', serif;
}
table {
/* All tables are 100% width */
width: 100% !important;
border-style: none !important;
}
.footer {
/* Each footer column in this case should occupy 96% width and 4% is allowed for email client padding*/
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.table.responsiveImage {
/* Container for each image now specifying full width */
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.table.responsiveContent {
/* Content in catalog occupying full width of cell */
height: auto !important;
max-width: 96% !important;
width: 96% !important;
}
.top {
/* Header columns occupying full width */
height: auto !important;
max-width: 100% !important;
width: 100% !important;
}
.catalog {
margin-left: 0%!important;
}
button{
width:90%!important;
}
}
</style>
</head>
<body yahoo="yahoo">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><table width="600" align="center" cellpadding="0" cellspacing="0">
<!-- Main Wrapper Table with initial width set to 60opx -->
<tbody>
<tr> </tr>
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr> </tr>
</table></td>
</tr>
<tr>
<!-- HTML IMAGE SPACER -->
<td style="font-size: 0; line-height: 0;" height="20"><table align="left" cellpadding="0" cellspacing="0" >
<tr>
<td ><img src="file:///C|/Users/Trytel Pty Ltd/Desktop/trytel-cropped-image---Copy.jpg" alt="" height="" width="204" class=""></td>
</tr>
</table></td>
</tr>
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
</table></td>
</tr>
<tr>
<!-- Introduction area -->
<td align="left" style="font-size: 14px; font-style: normal; font-weight: 100; color: #929292; line-height: 1.8; text-align:justify; padding:10px 20px 0px 20px; font-family:Merienda, 'Times New Roman', serif, sans-serif;">"vodafone business"<br>
Jason Arthur <br>
525 <br>
Collins Street Melbourne Victoria 3000 <br>
Ph: 1300 879 835 <br>
Email: Jason@vodafonebusiness.com.au <br></td>
<td><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<!-- row container for TITLE/EMAIL THEME --> </tr>
<tr>
<!-- row container for Tagline --> </tr>
<tr>
<td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
</table></td>
</tr>
<tr>
<!-- Row container for Intro/ Description --> </tr>
</table></td>
</tr>
<tr>
<!-- HTML Spacer row -->
<td style="font-size: 0; line-height: 0;" height="10"><table width="96%" align="left" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size: 0; line-height: 0;" height="20"> </td>
</tr>
</table></td>
</tr>
<tr> </tr>
<tr>
<!-- HTML spacer row --> </tr>
<tr bgcolor="#d0cfcf"> </tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</body>
</html>