Rules      FAQ       Register        Login
It is currently March 29th, 2024, 11:15 am

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Tables and stuff...not working.
PostPosted: June 9th, 2007, 9:33 pm 
Istari
Istari
User avatar

Joined: 03 June 2005
Posts: 2141
Location: Davenport, Iowa

Offline
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. :-/

_________________
<center>
Image
i've got a jar of raeg

</center>


Top
 Profile       WWW            
 
 Post subject:
PostPosted: June 10th, 2007, 12:19 am 
Maia
Maia
User avatar

Joined: 04 June 2005
Posts: 4449
Location: Northern USA

Offline
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 :)

_________________
Image
<center>icon & banner by me
skyward-thoughts
</center>


Top
 Profile       WWW            
 
 Post subject:
PostPosted: June 10th, 2007, 7:08 am 
Custom Rank
Custom Rank
User avatar

Joined: 09 July 2005
Posts: 9460
Location: in the temple of love

Offline
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>

_________________
<center>[font=Times New Roman]<img src="http://tinyurl.com/63ongu"><br><br>From sorrow & pain I find my strength ... the more pain I feel, the more I see /// July the 4th 2008, first day of my life...<br><br>I met Eru on September 5th 2006 ♥ (and April 15th 2008!)<br><br>Censorship Causes Blindness</center>[/font]


Top
 Profile       WWW            
 
 Post subject:
PostPosted: June 10th, 2007, 11:39 am 
Istari
Istari
User avatar

Joined: 03 June 2005
Posts: 2141
Location: Davenport, Iowa

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

Thanks!

_________________
<center>
Image
i've got a jar of raeg

</center>


Top
 Profile       WWW            
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 5 hours [ DST ]




Who is online

Users browsing this forum: No registered users and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003