Hi Guys,
First off, I have read through a bit and this seems like a awesome site, so big thumbs up (and my first post ^_^)
I am new to web design, and am learning Dreamweaver and want to become a web designed after hours as a second job/hobby.
I am currently (unsuccessfully) working on getting a “coming soon” page up and running.
I would like the image to be scalable - however then all my text goes everywhere. I cant have it as a image as then Google doesn’t index it, as well as i need to have a hyperlink in the body of the text.
If someone could point me into the right direction, I would be forever thankful!
I have attached the code:
<html>
<head>
<title>coming soon page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
background-image: url(background.jpg);
background-repeat: no-repeat;
}
#content {
position: absolute;
left: 70px;
top: 468px;
width: 912px;
height: 120px;
z-index: 1;
font-family: calibri;
font-size: 30px;
color: rgba(255,255,255,1);
}
a:link {
color: rgba(255,255,255,1);
text-decoration: none;
}
a:visited {
text-decoration: none;
color: rgba(255,255,255,1);
}
a:hover {
text-decoration: none;
color: rgba(255,255,255,1);
}
a:active {
text-decoration: none;
color: rgba(255,255,255,1);
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (coming soon page.psd) -->
<div id="content">The webstie for Hurstar Investments is currently under construction and will be live shortly. If you have any enquiries in the interim, please email us at <a href="mailto: info@mysite.com">info@mysite.com</a>. We look forward to hearing from you.</div>
<table id="Table_01" width="1025" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1024" height="29" colspan="5">
<img src="images/spacer.gif" width="1024" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td width="708" height="339" colspan="3" rowspan="2">
<img src="images/spacer.gif" width="708" height="339" alt=""></td>
<td>
<img src="images/logo.jpg" width="274" height="229" alt=""></td>
<td width="42" height="739" rowspan="8">
<img src="images/spacer.gif" width="42" height="739" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="229" alt=""></td>
</tr>
<tr>
<td width="274" height="211" rowspan="3">
<img src="images/spacer.gif" width="274" height="211" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="110" alt=""></td>
</tr>
<tr>
<td width="70" height="400" rowspan="6">
<img src="images/spacer.gif" width="70" height="400" alt=""></td>
<td>
<img src="images/header.jpg" width="414" height="79" alt=""></td>
<td width="224" height="101" rowspan="2">
<img src="images/spacer.gif" width="224" height="101" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td width="414" height="22">
<img src="images/spacer.gif" width="414" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3"> </td>
<td>
<img src="images/spacer.gif" width="1" height="121" alt=""></td>
</tr>
<tr>
<td width="912" height="35" colspan="3">
<img src="images/spacer.gif" width="912" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/footer.jpg" width="912" height="59" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td width="912" height="84" colspan="3">
<img src="images/spacer.gif" width="912" height="84" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="84" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
PS: Using Dreamweaver CS6 if that makes any difference.
Again, thank you sooo much!
SiD24:)