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 ![]() 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/ |