Hey people!
Im new to HTML and CSS and Dreamweaver and would really appreciate some help!! I have to create an Email signature for a clients business (I thought it would be a simple job!) I've created the HTML in Dreamweaver and have uploaded it to the Mac mail. No problems there! The problem is that when i compose a message the HTML stays at the top of the email! I figured out that its an issue with alignment in dreamweaver but i have no idea what i've done wrong or can do to fix it!
Im sure the solution is simple but im on a deadline and REALLY NEED help!! Really hope someone can help!!!
Here is the 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=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position:bottom;
left:11px;
top:27px;
width:154px;
height:49px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:8px;
top:93px;
width:225px;
height:75px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:225px;
top:179px;
width:57px;
height:17px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:7px;
top:199px;
width:424px;
height:71px;
z-index:4;
}
#apDiv4 p font {
font-size: 9px;
}
#apDiv5 {
position:absolute;
left:57px;
top:175px;
width:199px;
height:22px;
z-index:5;
}
#apDiv6 {
position:absolute;
left:228px;
top:102px;
width:202px;
height:45px;
z-index:6;
}
#apDiv7 {
position:absolute;
left:288px;
top:176px;
width:205px;
height:18px;
z-index:7;
}
#apDiv8 {
position:absolute;
left:213px;
top:92px;
width:3px;
height:77px;
z-index:8;
background-color: #999999;
}
#apDiv9 {
position:absolute;
left:9px;
top:179px;
width:40px;
height:18px;
z-index:8;
}
#apDiv10 { position:absolute;
left:9px;
top:178px;
width:40px;
height:18px;
z-index:8;
}
#apDiv11 {
position:absolute;
left:2px;
top:19px;
width:496px;
height:330px;
z-index:9;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<div id="apDiv1"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt"><b>Jimi Wyatt</b></font><br />
<font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 8pt"> Producer/Mixer/Engineer</font></div>
<div id="apDiv2"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/EmailSigLogo.png" width="191" height="62" align="absbottom" /></div>
<div id="apDiv4">
<hr />
<p><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 8pt">Ginger Recording Studios </font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#ff9933" style="FONT-SIZE: 10pt">•</font> <font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 8pt">7-11 Jessie Street </font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#ff9933" style="FONT-SIZE: 10pt">• </font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 8pt">Cremorne Victoria, 3121 </font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#ff9933" style="FONT-SIZE: 10pt">•</font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 8pt"> Australia </font></p>
<hr />
<p> </p>
</div>
<div id="apDiv5"><span style="page-break-after: auto; page-break-before: auto; float:left; padding:3px 0 0 0; font-size: 10pt;"><a href="http://www.ginger-studios.com"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt; text-decoration: none;"><font color="#ff9933" style="FONT-SIZE: 10pt">www.ginger-studios.com</font></font></a></span></div>
<div id="apDiv6"><span style="float:left; padding:3px 0 0 0; font-size: 10px;"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#ff9933" style="FONT-SIZE: 10pt">T </font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt">+61 438 172 808<br />
</font><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#ff9933" style="FONT-SIZE: 10pt">E </font><a href="mailto:jimiwyatt@ginger-studios.com"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 9pt; text-decoration: none;">jimiwyatt@ginger-studios.com</font></a></span></div>
<div id="apDiv7"><a href="https://www.facebook.com/pages/Ginger-Studios/286428351389318"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/facebook16x16.png" width="16" height="16" align="absmiddle" /></a> | <a href="http://ginger-studios.tumblr.com/"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/tumblr16x16.png" width="16" height="16" align="absmiddle" /></a> | <a href="https://twitter.com/#!/ginger_studios"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/twitter16x16.png" width="16" height="16" align="absmiddle" /></a></div>
<div id="apDiv9"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt; color: #999;">Web:</font></div>
<div id="apDiv3"><font face="Arial, Helvetica, Geneva, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt; color: #999;">Connect:</font></div>
</body>
</html>
