We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
HTML Tables
Topic Started: Nov 12 2005, 02:48 AM (829 Views)
Isikiz
better watch your back...
[ *  *  *  * ]
Code:
 
<html>


<td align=center><div align=center><table cellpadding=5 cellspacing=3 width=704 height=395 background="header2.jpg"><tr><td colspan=1></tr></td></div></table>
<td align=center><div align=center><table cellpadding=5 cellspacing=3 width=704 height=507 background="lower part2.jpg"><tr><td colspan=1><img src="content.jpg"><br>



</tr></td></div></table>

<body bgcolor="E5E6D8">
</html>


Very simple layout. I like it :rory:

But anyway, getting to the point. The content (the left area, look in preview) and the navigation (right area) i want to be seperate tables so that it shows the background still but you can type in the appropriate tables for them to appear in that area.

If i'm not making sense: I want text in tables, tables, one for navigation, one for content.

Will I have to make seperate tables then insert part of the image there? Ask me for more definition if you want more. I know I'm not being descriptive.

Posted Image
Offline Profile Quote Post Goto Top
 
Dennis
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Couple problems...

1. Your pages MUST be layed out like this:

Code:
 

<html>
<head>
 <title>Page Title</title>
</head>
<body>
</body>
</html>


All the content goes between the <body> and </body> tags. You've got your content above the <body> tag.

2. You should lay out your tables like this:

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


You've got the <td> outside of the <table> tag, which is wrong. ;)


To do what you want, you'd need something like so.

Code:
 

<html>
<head>
 <title></title>
</head>
<body>
 <table>
  <tr>
   <td colspan="2">
    <img src="HEAD_URL" />
   </td>
  </tr>
  <tr>
   <td width="75%">
    CONTENT
   </td>
   <td width="20%">
    <!--SEPERATOR. THIS IS JUST A COMMENT-->
   </td>
   <td width="20%">
    NAV
   </td>
  </tr>
 </table>
</body>
</html>


Hope that helps.
Offline Profile Quote Post Goto Top
 
Isikiz
better watch your back...
[ *  *  *  * ]
Where do I put the bottom part of the layout?
Offline Profile Quote Post Goto Top
 
AlphaOmega
AlphaOmega > You
[ *  *  *  * ]
What do you mean where do you put that?

That's a simple way of looking at it Dennis, but it gets complicated once you want to put up more things. I'm not sure what you want. I have an idea, but I'll type it out in Wordpad and see if that's what you're looking for.

Try to tell me the answer to the question I posted, and what you really want. You can look up a site that is close to what you want. That'll help.
[/color]
Offline Profile Quote Post Goto Top
 
Isikiz
better watch your back...
[ *  *  *  * ]
I have a header, and I have a content half.

Where do I put the image of the content half?
Offline Profile Quote Post Goto Top
 
Special Forces
Member Avatar
Baja
[ *  *  *  *  * ]
Ahhh! Tables are evil! Evil!

Use DIV tags in conjunction with CSS, not only will you not have this problem the content areas expand with the text. But in tables you need to adjust the height of the tables with regaurds to how much text is in there. DIV tags do this automatically. Plus you wind up with 10x less HTML and an organized CSS document. :)
Offline Profile Quote Post Goto Top
 
FearKiller
Member Avatar
www.drewscripts.com
[ *  *  *  *  * ]
Quote:
 
But in tables you need to adjust the height of the tables with regaurds to how much text is in there.

No you don't. Table columns also adjust their height according the amount of text within. They just adjust the height of every other table column in the same row as well.
Offline Profile Quote Post Goto Top
 
Special Forces
Member Avatar
Baja
[ *  *  *  *  * ]
FearKiller
November 13, 2005 11:37 PM
Quote:
 
But in tables you need to adjust the height of the tables with regaurds to how much text is in there.

No you don't. Table columns also adjust their height according the amount of text within. They just adjust the height of every other table column in the same row as well.


The may stretch with text but not with graphics. If you had a box made in PS and try to use it with tables the graphic doesn't stretch just the text and all the graphics get messed up. Div will expand the content and the graphic box.

Tables are...ick!

Come to the dark side, we use div tags. :dan: :rofl:
Offline Profile Quote Post Goto Top
 
FearKiller
Member Avatar
www.drewscripts.com
[ *  *  *  *  * ]
Yeah, but not too many DIV tags. You should use other elements that are available to you as well. I hate opening a source and seeing a navigation section composed of like 20 different DIV elements. :wacko:

DIVs are meant for dividing the page up into sections.
P tags are used to contain content.
H? tags are used for headlines.
Unordered lists are used for navigation.
Tables are used for tabular data, such as message boards.

Try to stay away from line breaks and &nbsp;
Offline Profile Quote Post Goto Top
 
Special Forces
Member Avatar
Baja
[ *  *  *  *  * ]
FearKiller
November 14, 2005 11:24 AM
Yeah, but not too many DIV tags. You should use other elements that are available to you as well. I hate opening a source and seeing a navigation section composed of like 20 different DIV elements. :wacko:

DIVs are meant for dividing the page up into sections.
P tags are used to contain content.
H? tags are used for headlines.
Unordered lists are used for navigation.
Tables are used for tabular data, such as message boards.

Try to stay away from line breaks and &nbsp;

In my templates I use only 7 or so DIV tags.

Tables I do use for entering data such as people and extensions, but I never use tables for constructing a template. And <p class="blah"> I use for content as well.

What I meant by DIV tags was that I use it for basic construction of it.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Technology Chat · Next Topic »
Add Reply