Aligning?

Saavan · #1 (**permalink**) 12-18-2005, 07:52 AM

i have made this layout, coded it by hand i have made all the content areas repeat, and the problem is when i have enough text in my content and navigation areas my layout looks fine but when i dont have enough text it all splits up, can someone help me with this please?
Enc: CSS, HTML and screenshots

HTML:

Code:

<html>
<head>
<title>Untitled-1</title>
<link href="styletest.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="keywords" content="Graphics, Saavan, Wallpapers, Layouts, Tutorials, Blog, Junk, Design Simplicity, DesignSimplicity, Linksout, PNG's, Transparent PNG's, Tables, iFrames, DivLayers, Div Layers">
<META NAME="description" content="Looking for top notch graphics, layout, wallpapers, transpraent PNG's well look not further than designsimplicity.">
<META name="distribution" content="Global">
<META name="rating" content="General">
</head>
<body background="images/bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Untitled-1) -->
<br><table width="600" height="681" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
		
		<tr><td colspan="6"><img src="images/index_01.gif" width="600" height="21" alt=""></td></tr>
		<tr><td colspan="6"><a href="http://designsimplicity.net"><img src="images/index_02.gif" alt="" width="600" height="130" border="0"></a></td></tr>
		<tr><td colspan="6"><img src="images/index_03.gif" width="600" height="17" alt=""></td></tr>
	<tr>

		<td background="images/index_04.gif">&nbsp;</td>
		<td background="images/index_05.gif" valign="top">

<!-- CONTENT GOES HERE-->

Your content here well hello there my name is saavan and i own design simplicity Your content 
here well hello there my name is saavan and i own design simplicity Your content here well hello 
there my name is saavan and i own design simplicity Your content here well hello there my 
name is saavan and i own design simplicity Your content here well hello there my name is 
saavan and i own design simplicity Your content here well hello there my name is saavan and 
i own design simplicity Your content here well hello there my name is saavan and i own design 
simplicity Your content here well hello there my name is saavan and i own design simplicity</td>
		
		<td background="images/index_06.gif">&nbsp;</td>
		
	<td colspan="2" background="images/index_07.gif" valign="top">

<!-- NAVIGATION GOES HERE-->

Your content here well hello there my name is saavan and i own design simplicity Your content 
here well hello there my name is saavan and i own design simplicity Your content here well hello 
there my name is saavan and i own design simplicity Your content here well hello there my 
name is saavan and i own design simplicity Your content here well hello there my name is 
saavan and i own design simplicity Your content here well hello there my name is saavan and 
i own design simplicity Your content here well hello there my name is saavan and i own design 
simplicity Your content here well hello there my name is saavan and i own design simplicity
Your content here well hello there my name is saavan and i own design simplicity Your content 
here well hello there my name is saavan and i own design simplicity Your content here well hello 
there my name is saavan and i own design simplicity Your content here well hello there my 
name is saavan and i own design simplicity Your content here well hello there my name is 
saavan and i own design simplicity Your content here well hello there my name is saavan and 
i own design simplicity Your content here well hello there my name is saavan and i own design 
simplicity Your content here well hello there my name is saavan and i own design simplicity<br><br></td>

<td background="images/index_08.gif">&nbsp;</td>

	</tr>
	<tr>
		<td colspan="4"><img src="images/index_09.gif" width="555" height="20" alt=""></td>
		
		<td colspan="2"><img src="images/index_10.gif" width="45" height="20" alt=""></td>
	</tr>
	<tr>
		<td><img src="images/spacer.gif" width="19" height="1" alt=""></td>
		<td><img src="images/spacer.gif" width="390" height="1" alt=""></td>
		<td><img src="images/spacer.gif" width="18" height="1" alt=""></td>
		<td><img src="images/spacer.gif" width="128" height="1" alt=""></td>
		<td><img src="images/spacer.gif" width="26" height="1" alt=""></td>
		<td><img src="images/spacer.gif" width="19" height="1" alt=""></td>
	</tr>
</table><br>
<!-- End ImageReady Slices -->
</body>
</html>

CSS:

Code:

body {background-image: url(images/bg.gif); cursor: default; text-align: justify}
body,td {font-family: verdana; font-size: 8pt; color: #7D7D7D; text-align: justify }
h1 {color: #C591A1; text-align: right; border-bottom: dashed 1px #DEC0CA; margin-bottom: 8px; font-size: 8pt}
b {color: #C591A1}
a:link,a:visited {color: #966E7A; text-decoration: none; cursor: default}
a:hover {color: #C591A1; cursor: default; text-decoration: underline }

SCREENSHOTS:

http://img202.imageshack.us/my.php?i...ughtext5cl.jpg

http://img202.imageshack.us/my.php?i...ughtext2nz.jpg

Leprakawn · #2 (**permalink**) 12-19-2005, 03:52 AM

Saavan:

I'll see if I can work on this later today, but here's an example of something I found several months ago about meta keywords: http://www.buzzle.com/editorials/10-13-2005-78781.asp.