PDA

View Full Version : Help with table layouts!

Innocence
February 18th, 2006, 05:26 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Missingno's Dimension - We romhackers don't need a crappy slogan!</title>


</head>
<body>

<table style="text-align: left; width: 700px; height: 200px;" border="0">

<tbody>

<tr>

<td style="vertical-align: top;"></td>

</tr>

</tbody>
</table>

<table style="text-align: center; width: 150px; height: 500px;" border="0">

<tbody>

<tr>

<td style="vertical-align: top;"></td>

</tr>

</tbody>
</table>

</body>
</html>

Ok, so i'm learning to make a table layout, but whenever I try to put content NEXT to the navbar, it shows up underneath it. I know there's probably an easy solution, but i'm not aware of it.
Pink
February 18th, 2006, 07:47 AM
You're using two seperate tables, so thats obviously why it's doing that. o_o;

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Missingno's Dimension - We romhackers don't need a crappy slogan!</title>
</head>
<body>
<table style="text-align: left; width: 700px; height: 200px;" border="0">
<tr>
<td style="valign: top;" width="150">Nav</td>
<td style="valign: top;" width="300">Content</td>
</tr>
</table>
</body>
</html> Would work, I think, at least it should.
And I really have no clue what <tbody> is, so I removed it. o_O;

And well if you mean't to use to different ones for it, then I have no clue. oO
Innocence
February 18th, 2006, 08:25 AM
Well I have absolutely NO idea what you did. You've made the whole layout 200 pixels high, and stuff like that. I'll try that anyway and modify it though.

EDIT: I get it! For every row, I create a new table, and for every column, I create a TD in the row i want! Or just a TR for the rows, but I prefer the first option.
Pink
February 18th, 2006, 08:36 AM
Well I have absolutely NO idea what you did. You've made the whole layout 200 pixels high, and stuff like that. I'll try that anyway and modify it though.
Lol, I didn't do that, I just used the table from the first one. o_O
And really all I did was put the to tables together. oO
Innocence
February 18th, 2006, 08:41 AM
Yes, I just realised that you assumed one was the nav and one was the content, but it was actually the banner, which i wanted above. Anyway, I edited my last post.

EDIT: what is the correct HTML for assigning a background image to a TD column?
Pink
February 19th, 2006, 03:38 AM
EDIT: what is the correct HTML for assigning a background image to a TD column? style="background-image:url(urlhere);"
Ofcourse, theres also background-repeat.
Though I assume you'd want it tileing, so that doesn't matter.
Shining Arcanine
February 24th, 2006, 10:54 PM
I would use a CSS design if I were you. They are easier to maintain and make much more easier to comprehend in the long run. You can find a bunch of ready-made templates at The Noodle Incident:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

They just need some color and tweaking.
Innocence
February 25th, 2006, 07:20 AM
Yes, but CSS layouts don't look nice, I already know how to make them. You can't put an image as the background because that would mean it'd repeat, since CSS is expandable and images are fixed.