Free Games Forum
Free Games Games Forums Music Forums TV Forums

  Free Games Forum Home FORUM
HOME 		Search Posts SEARCH
POSTS 		Who's Online WHO'S
ONLINE 		Log in LOG
IN 		Rules & FAQ RULES / FAQ
REPORT SPAM

Free Games Forum: Game Technology: HTML Forum:
Tables

 
 


ownyamama
Member


Feb 20, 2007, 2:02 AM

Post #1 of 7 (353 views)
Shortcut
Tables Can't Post
Heyy can any one give me some codes for tables like tables that look like a site template??
I would like one with a header 2 nav parts on both sides and a center



eeor3
Enthusiast


Feb 20, 2007, 12:05 PM

Post #2 of 7 (347 views)
Shortcut
Re: [ownyamama] Tables [In reply to] Can't Post
Here, you might change the hideous colors but for the lack of detail you give its the best I can do.

Code
<HTML> 
<HEAD> 
<Title></Title> 
</HEAD> 
 
<BODY SCROLL="auto" BGCOLOR="#FFFFFF" TOPMARGIN=0 LEFTMARGIN=0> 
 
 
<DIV ID="idHeader" style="position:absolute; top:0px; left:0px; width:1003px; height:150px;"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=1003> 
<TR VALIGN="top" ALIGN="left"><TD WIDTH=1003 HEIGHT=150 BGCOLOR="#8080C0"><A HREF="http://www.coolpage.com/"><IMG SRC="t.gif" ALT="" WIDTH=1 HEIGHT=1 BORDER=0></A></TD></TR> 
</TABLE></DIV> 
 
<DIV ID="idLeftxContent" style="position:absolute; top:151px; left:0px; width:196px; height:503px;"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=196> 
<TR VALIGN="top" ALIGN="left"><TD WIDTH=196 HEIGHT=503 BGCOLOR="#000000">&nbsp;</TD></TR> 
</TABLE></DIV> 
 
<DIV ID="idRightxContent" style="position:absolute; top:151px; left:806px; width:197px; height:503px;"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=197> 
<TR VALIGN="top" ALIGN="left"><TD WIDTH=197 HEIGHT=503 BGCOLOR="#808080">&nbsp;</TD></TR> 
</TABLE></DIV> 
 
<DIV ID="idMainxContent" style="position:absolute; top:151px; left:198px; width:606px; height:503px;"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=606> 
<TR VALIGN="top" ALIGN="left"><TD WIDTH=606 HEIGHT=503 BGCOLOR="#808000">&nbsp;</TD></TR> 
</TABLE></DIV> 
 
<DIV ID="idFooter" style="position:absolute; top:655px; left:0px; width:1003px; height:35px;"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=1003> 
<TR VALIGN="top" ALIGN="left"><TD WIDTH=1003 HEIGHT=35 BGCOLOR="#8080C0">&nbsp;</TD></TR> 
</TABLE></DIV> 
 
 
 
</BODY> 
</HTML>

"Stupid your argument is. TFSU you should." - Yoda

(This post was edited by eeor3 on Feb 20, 2007, 12:08 PM)


t0nersxb0ners
Newbie

Feb 20, 2007, 12:16 PM

Post #3 of 7 (344 views)
Shortcut
Re: [ownyamama] Tables [In reply to] Can't Post
This code is a little cleaner. Plus, instead of using divs, and tables inside them, you can use one table with tables inside them.

Code
<html> 
 
<head> 
<title>Table Layout</title> 
</head> 
 
<body> 
 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
	<tr> 
		<td valign="top" colspan="3" height="100"></td> 
	</tr> 
	<tr> 
		<td valign="top" width="15%"></td> 
		<td valign="top" width="70%"></td> 
		<td valign="top" width="15%"></td> 
	</tr> 
</table> 
 
</body> 
 
</html>

http://www.city-wars.com


ownyamama
Member


Feb 21, 2007, 7:19 AM

Post #4 of 7 (333 views)
Shortcut
Re: [t0nersxb0ners] Tables [In reply to] Can't Post
In Reply To
This code is a little cleaner. Plus, instead of using divs, and tables inside them, you can use one table with tables inside them.

Code
<html>  
  
<head>  
<title>Table Layout</title>  
</head>  
  
<body>  
  
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">  
	<tr>  
		<td valign="top" colspan="3" height="100"></td>  
	</tr>  
	<tr>  
		<td valign="top" width="15%"></td>  
		<td valign="top" width="70%"></td>  
		<td valign="top" width="15%"></td>  
	</tr>  
</table>  
  
</body>  
  
</html>
Thx this one is easy and clean


eeor3
Enthusiast


Feb 21, 2007, 11:26 AM

Post #5 of 7 (329 views)
Shortcut
Re: [ownyamama] Tables [In reply to] Can't Post
I would have to agree with that too, I just use div's to make it easier for the ones who have no idea what to do with html. Although I don't know if it is w3c standard or not, I believe there are no browser compatability issues (correct me if I'm wrong).

"Stupid your argument is. TFSU you should." - Yoda


rafke
Newbie

Jun 21, 2007, 11:44 PM

Post #6 of 7 (284 views)
Shortcut
Re: [eeor3] Tables [In reply to] Can't Post
I prefer DIVs since they are more semantic, and easier to work with.
Consider putting all your css code in a .css file though!

Best Free Arcade Games Online
Bike Racing Games


t0nersxb0ners
Newbie

Jun 24, 2007, 2:11 AM

Post #7 of 7 (275 views)
Shortcut
Re: [rafke] Tables [In reply to] Can't Post
I know that tables are considered "old fashioned," but I like tables. I might not be hip and into Web 2.0, but they do accomplish what they need to do.

Divs can be a better choice for organizations, but I always run into problems when using divs, which normally ends with me reverting everything to tables.

I do agree with putting everything into a css file, however. It is better for load times and site maintainenance.

http://www.city-wars.com

 
 
 


Search for (options) Web Design by Web Ideas - Page loaded in: 0.14 s on (CGI/1.1)