Page 1 of 1
HELP!!! In deep trouble with my site layout!
PostPosted: Thu May 19, 2005 7:56 pm
by Liger'smane
I don't know what is going wrong, but my site looks like it is a bomb zone. PLZ HELP!
My site is at "http://www.elvenparadise.com/".
PostPosted: Thu May 19, 2005 8:28 pm
by Mithrandir
Uh. What's this *supposed* to be:
- Code: Select all
<td valign="top" width="(width of pics/middletop.jpg)"
background="pics/middlebg.jpg">
I'm guessing there are supposed to be widths in there.
PostPosted: Thu May 19, 2005 8:58 pm
by Liger'smane
I'M SO CONFUSED. I have self taught myself HTML and this has gotten out of control. I don't know where I'm suppose to go from here and the site I learned this from doesn't have more info... SOO NEED HELP
(Thanks)
PostPosted: Thu May 19, 2005 9:14 pm
by Mithrandir
The text "(width of pics/middletop.jpg)" needs to be replaced with the acutal width of the picture.
PostPosted: Thu May 19, 2005 9:16 pm
by Liger'smane
I don't think that worked... *screams*
PostPosted: Thu May 19, 2005 9:20 pm
by Mithrandir
You'll need to replace all of them, probably.
PostPosted: Thu May 19, 2005 9:27 pm
by Liger'smane
I tried replacing it and it jsut become more of a hidious mass. *wimpers* In case it helps, I'm using a site, "http://www.magitek-designs.net/index.php?magitek=tutorials_tablelay_04". Thank you for trying... *smiles*
PostPosted: Thu May 19, 2005 9:32 pm
by Mithrandir
Well, the code on that site has this example:
- Code: Select all
<html>
<head>
<title>Magitek Designs - Table Tutorial - 1</title>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
<table width="700" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td height="122" colspan="5"><img src="tables/top.jpg" width="700" height="122" border="0"></td>
</tr>
<tr>
<td valign="top" width="47" background="tables/leftbg.jpg"><img src="tables/lefttop.jpg" width="47" height="378" border="0"></td>
<td valign="top" width="270" background="tables/menubg.jpg"><img src="tables/menutop.jpg" width="270" height="256" border="0">
<p>This is the side menu. Fantastic!</p>
</td>
<td valign="top" width="25" background="tables/middlebg.jpg"><img src="tables/middletop.jpg" width="25" height="378" border="0"></td>
<td valign="top" width="336" background="tables/content.jpg"> <p>This is the side menu. Fantastic!</p>
</td>
<td valign="top" width="22" background="tables/rightbg.jpg"><img src="tables/righttop.jpg" width="22" height="378" border="0"></td>
</tr>
</table>
</body>
</html>
I still see a bunch of lines like:
- Code: Select all
<table width="(width of top.jpg)" height="100%" cellpadding="0"
cellspacing="0" border="0" align="center">
in yours.
PostPosted: Thu May 19, 2005 9:35 pm
by Liger'smane
I don't know what the widths are... I am totally new to trying to make weblayouts. I've only ever been able to do basic layouts with tables and really basic stuff... in wohter words Isuck!
PostPosted: Thu May 19, 2005 9:39 pm
by Mithrandir
I'd try removing them completely to start with, then.
PostPosted: Thu May 19, 2005 9:40 pm
by Mithrandir
Uh oh. I meant take out the "width = " statements, not the whole graphic stuff.
BTW: Your 2nd table doesn't have any row or collum specifiers.
PostPosted: Thu May 19, 2005 9:49 pm
by Liger'smane
Ok, I've restarted the page... does it look better?
PostPosted: Thu May 19, 2005 10:00 pm
by Mithrandir
You're the ultimate authority on that, I should say.
I noticed a couple of close HTML tags in there, and those should only go at the bottom. You might want to add a </body> tag at the bottom too.