PDA

View Full Version : Contents won't remain still


lyssa615
11-30-2007, 01:39 AM
On the page I am working on, I made a page "layout" by inserting tables. Well I started inserting image placeholders in the "body" section of the page and now the contents of the navigation bar on the left are moving downwards and I can't get them situated correctly. I don't know how else to explain this so I will post my code here. Not sure if that helps any! Any help is greatly appreciated!


<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large;}
.normal {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
font-variant: normal;
text-transform: none;
}
.welcome {
}
.heading {
font-variant: small-caps;
letter-spacing: .6em;
}
.nav {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: medium;
border-right-style: none;
border-right-color: #CCCCCC;
border-left-style: none;
border-left-color: #000000;
}
-->
</style>
</head>
<body>
<table width="100%" border="0">
<tr>
<td bgcolor="#CCCCCC"><img src="croppedlogo.gif" width="447" height="109" alt="home" /></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="10">
<tr>
<td bgcolor="#FFCCFF"><div align="right" class="style2">about us &nbsp;&nbsp;| &nbsp;&nbsp; order &nbsp;&nbsp; |&nbsp;&nbsp; contact</div></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="10">
<tr>
<td width="32%" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="welcome"><div align="center" class="nav">
<p><strong>the language of flower series </strong></p>
<hr />
<p><strong>holiday cards</strong></p>
<hr />
<p><strong>gifts</strong></p>
<hr />
<p><strong>the language of flowers </strong></p>
<hr />
<p>&nbsp;</p>
</div></td>
<td width="68%"><div align="center" class="welcome">
<table width="100%" border="0">
<tr>
<td class="heading"><div align="center"><strong>the language of flowerS series </strong></div></td>
</tr>
</table>
<p>insert test </p>
<table width="100%" border="0">
<tr>
<td width="31%"><p align="center"><img src="" alt="" name="card1" width="174" height="179" id="card1" /></p>
<p>caption here </p></td>
<td width="38%"><div align="center">
<p><img src="" alt="" name="card2" width="174" height="179" id="card2" /></p>
<p>caption here </p>
</div></td>
<td width="31%"><p align="center"><img src="" alt="" name="card3" width="174" height="179" id="card3" /></p>
<p>caption here </p></td>
</tr>
<tr>
<td><div align="center"><img src="" alt="" name="card4" width="174" height="179" id="card4" /></div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<h1 class="nav">&nbsp;</h1>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="10">
<tr>
<td><p align="center"><strong>Copyright &copy; 2007 Flowertography.&nbsp; All rights reserved.</strong></p></td>
</tr>
</table>
</body>
</html>