n00bfest.com
Home Forum phpBB3 Shoutbox Servers Teamspeak Admins Donate FAQ
Sign Up
Stats Contact Us!

 

View unanswered posts | View active topics It is currently Fri Jul 03, 2026 9:11 pm

Forum rules


- n00bfest is not the special olympics. It is a gaming community. Do not act like n00bfest is a retard daycare or you will be punished.
- Outright flames and flamebaiting will be punished.
- Even if you are not an adult, do your best to act like one.
- *NEW* Political/Religious News and NSFW posts do not belong here. Use the Videos, Links, Political/Religious News Discussion Forum
- Punishments range from warnings to permanent forum/gameserver bans.





Reply to topic  [ 8 posts ] 
 Website Questions. 
Author Message
[n00b] Member

Joined: Sat Mar 19, 2005 12:00 am
Posts: 3056
Location: Nc, Bitches.
Post Website Questions.
What is the best way to make a table layout..with just tables. I have tried to make them but it's like, i get confused the further i go lol. Any tips? or any helpful articles you have found?


Sat Aug 13, 2005 3:47 pm
Profile YIM
[HNIC] Stзamroller ω

Joined: Sun Apr 25, 2004 11:00 pm
Posts: 13453
Post 
TIME FOR WEB-HELP WITH GMAN:

A table layout with just tables...?

You want to have seperate tables for seperate parts of your website. If you want a menu on the top or side, you want to have a table holding that together.

If you've got something on the top, you can do some page breaks and go down, then have a big table seperating the left and right sides (if you want a menu on one side). Remember to use (td valign="top") so everything fills the cells from top to bottom. Inside those big cells, from top to bottom, you can have multiple tables that lay your shit out with even more complexity.

Summing it up: I suggest having a table or image at the top, then having one big one to divide your columns underneath that, then tables in each column to space your content/navigation out.

If you're clever, you can use SSI commands (includes) to put your content together so you don't have to change 30 pages every time you want to add a nav link.

_________________
Image

I hate to advocate drugs, alcohol, violence, or insanity to anyone, but they've always worked for me.
-- Hunter S Thompson


Sat Aug 13, 2005 3:54 pm
Profile WWW
[n00b] Member

Joined: Sat Mar 19, 2005 12:00 am
Posts: 3056
Location: Nc, Bitches.
Post 
Ok So i have drawn a little diagram, not very good but it gets the point across.

Image

Now say i wanted to do that layout. The top banner being a table holding the banner.

Now from there i would have to insert a page break? or an empty table to seperate it?

Then Make a table left..but how would you break it from there to seperate it from the middle table?


Sat Aug 13, 2005 4:10 pm
Profile YIM
n00bfest Retired Ancient, Senior Admin
User avatar

Joined: Thu Jul 15, 2004 11:00 pm
Posts: 2260
Location: Your Moms PANTS !
Post 
basically i think you can just make a seperate table for the banner, just make the border 0 or w/e hidden is, and then on the left split it into 2 columns and just insert alota rows, and then merge the right column into one big one, and insert a news thing. simple really.

_________________
Image
Image


Sat Aug 13, 2005 4:17 pm
Profile
[HNIC] Stзamroller ω

Joined: Sun Apr 25, 2004 11:00 pm
Posts: 13453
Post 
Alright, this is what you have to do:

If it's just an image at the top, do img src and throw the image down.

Do a few page breaks, then make a table like this:

table border="0" width="90%" align="center"

then build your columns

tr
td valign="top" width="150"
/td

td valign="top" width="500"
/td

td valign="top" width="150"
/td
/tr
/table

You could then insert your links and all that bullshit in your tables.. or you could build your own tables inside them.

Take the first TD for instance:

td valign="top" width="150" (left colum begins)

==This is inside the left column==

table border="0" cellpadding="x" cellspacing="x" width="100%" ***SEE BELOW***

tr
td valign="top"
link1
/td
/tr

tr
td valign="top"
link2
/td
/tr
/table


/td (left colum ends)




(it'll do 100% of the td it's in so almost all of your space is used). The X's are whatever you feel like using. However you want your links spaced is cool. Also, I'd suggest learning how to use stylesheets so you don't have to apply your font tags every couple of lines.

_________________
Image

I hate to advocate drugs, alcohol, violence, or insanity to anyone, but they've always worked for me.
-- Hunter S Thompson


Sat Aug 13, 2005 4:24 pm
Profile WWW
[n00b] Member

Joined: Sat Mar 19, 2005 12:00 am
Posts: 3056
Location: Nc, Bitches.
Post 
You mean CSS? Thanks for the help to.


Sat Aug 13, 2005 4:26 pm
Profile YIM
[HNIC] Stзamroller ω

Joined: Sun Apr 25, 2004 11:00 pm
Posts: 13453
Post 
Yeah CSS = Cascading StyleSheets.

I don't use a seperate file for the main stylesheet. You can actually do a "view source" on the main page and see the stylesheet code.

It's very simple.

Code:
<style>

body {
      font-family: verdana;
      font-size: 12px;
      color: #FFFFFF;
}

a:link {
color: #FFFFFF;
Font-Family: Verdana;
text-decoration: underline;
font-size: 14px
}

a:active {
color: #FFFFFF;
Font-Family: Verdana;
text-decoration: underline;
font-size: 14px
}

a:visited {
color: #FFFFFF;
Font-Family: Verdana;
text-decoration: underline;
font-size: 14px
}

a:hover {
color: #FFFFFF;
Font-Family: Verdana;
text-decoration: none
}

FONT
{
font-size: 12px;
color: #FFFFFF;
Font-Family: Verdana
}

</style>


You have my permission to take my stylesheet code and use it in your own site. I'd just like you to change the font and colors up a little bit.

and ACTUALLY, it can be modified to be a lot more compact... it's just a little easier to read when it's spaced out like that.

Code:
<style>
body {font-family: verdana;font-size: 12px;color: #FFFFFF;}
a:link {color: #FFFFFF;Font-Family: Verdana;text-decoration: underline;font-size: 14px}
a:active {color: #FFFFFF;Font-Family: Verdana;text-decoration: underline;font-size: 14px}
a:visited {color: #FFFFFF;Font-Family: Verdana;text-decoration: underline;font-size: 14px}
a:hover {color: #FFFFFF;Font-Family: Verdana;text-decoration: none}
FONT {font-size: 12px;color: #FFFFFF;Font-Family: Verdana}
</style>

_________________
Image

I hate to advocate drugs, alcohol, violence, or insanity to anyone, but they've always worked for me.
-- Hunter S Thompson


Sat Aug 13, 2005 4:32 pm
Profile WWW
[n00b] Member

Joined: Sat Mar 19, 2005 12:00 am
Posts: 3056
Location: Nc, Bitches.
Post 
Thanks for the help Gman. Im working on the site now, it's for a friend, for his band. x.x im gonna do the best i can lol..


Sat Aug 13, 2005 11:05 pm
Profile YIM
Display posts from previous:  Sort by  
Reply to topic   [ 8 posts ] 

Who is online

Users browsing this forum: Google [Bot] and 4 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

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.