Arwen-Undomiel.com
http://arwen-undomiel.com/forum/

Tables and stuff...not working.
http://arwen-undomiel.com/forum/viewtopic.php?f=27&t=15510
Page 1 of 1

Author:  Ellethwen [ June 9th, 2007, 9:33 pm ]
Post subject:  Tables and stuff...not working.

I'm trying to build a site about PGSM (Pretty Guardian Sailor Moon) costumes, but I'm having trouble with the layout.

I thought I knew everything about coding with HTML after almost 3 years, but I guess I was wrong.

I'm bad with tables. Really bad.

Anyways, what I want is to have a banner that streches across two columns-one for the sidebar, and one for the conent. I want to have both colomns stretch down to match the other so that the borders match up. Then at the bottom I want to have my disclaimer stretch across both colomns.

That's probably confusing, so here's some screenshots:

What I have (Wrong)

See how the content colomn continues on, but the sidebar doesn't? I don't want that. I won't even discuss the disclaimer image.

And, thanks to the editing magic of Photoshop...

What I want

That's what I want. But I don't know how to get it.

Here's my codes for the tables right now. There's two because I can't seem to fit the header in the same table as the other stuff. I tried it with a different file but it makes the stuff all...weird.

Header/nav code:

Code:
<table>
<tr>
<td>
<img></img><br>
<img></img>
</td>
</tr>
</table>


Code for the content:

Code:
<div>
<table>
<tr>
<td>
Right colomn content (main stuff)
</tr>
</td>
</table>
</div>


Stylsheet stuff:

Quote:
#sidebar
{
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: Arial;
text-align:left;
border-top: 0px solid #A3A3A3;
border-left: 1px solid #A3A3A3;
border-right: 1px solid #A3A3A3;
border-bottom: 1px solid #A3A3A3;
}

#content
{
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: Arial;
text-align:left;
border-top: 0px solid #A3A3A3;
border-left: 0px solid #A3A3A3;
border-right: 1px solid #A3A3A3;
border-bottom: 1px solid #A3A3A3;
}


Anyone know how to get what I want?

EDIT:

Augh.

This stuff hates me.

The codes posted weird in the message. :-/

Author:  Gilraen Ringeril [ June 10th, 2007, 12:19 am ]
Post subject: 

I'm pretty sure that you can't get the collums to be even when you use tables - only if the content in them is even. You know what I'm saying?

Maybe someone else knows a way to do it that I don't :confused:

I hope you get it worked out :)

Author:  Antigone [ June 10th, 2007, 7:08 am ]
Post subject: 

Tables are teh evilness... go with divs!
HERE's a tut on a layout using div layers and HERE's one on footers and stuff.

Also, try out www.pmob.co.uk - they have some neat layout templates :)

*edit*
If you really wanna go with tables;
Code:
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
Header
</td>
</tr>
<tr>
<td>
Left bar
</td>
<td>
Right bar
</td>
</tr>
<tr>
<td colspan="2">
Footer
</td>
</tr>
</table>

Author:  Ellethwen [ June 10th, 2007, 11:39 am ]
Post subject: 

Oh, divs are what I always use. I just didn't know how to get this with divs.

Thanks!

Page 1 of 1 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/