Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

Expanding Boxes

Started by FK69, Aug 08 2005 01:06 AM

You cannot reply to this topic
Go to first unread post

4 replies to this topic

#1 FK69

Young Padawan

Members
57 posts

Location:Melbourne, Australia

Posted 08 August 2005 - 01:06 AM

Hey i've made a website and coded it and everything i've made the Menu box and the Main COntent expandable but they both do it together....

If the menu expands so does the content box

What i need help is i want the menu and content to expand differently like if the menu expands the box doesnt and vice versa i dont need the layout coded just some help on this part of the code.

heres the website http://sgfx.x10hosting.com/

Please help me

Back to top

#2 raenef

Code Enforcer

Members
540 posts

Location:Battle Creek, Michigan
Interests:Web Development and Graphic Design

Posted 08 August 2005 - 03:49 AM

What you need my friend is embedded tables; something to the effect of this:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="100" colspan="3" valign="top">banner</td>
</tr>

<tr>

<!--NAV MENU-->
<td width="130" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="25" valign="top">Menu Header Image</td>
</tr>
<tr>
<td valign="top">
Navigation Menu Content Goes Here
</td>
</tr>
<tr>
<td height="25" valign="top">Footer Image</td>
</tr>
</table>
</td>

<!--Spacer-->
<td width="20" valign="top"></td>

<!--CONTENT-->
<td width="650" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="650" height="25" valign="top">Content Header Image</td>
</tr>
<tr>
<td valign="top">
Your Content Goes Here
</td>
</tr>
<tr>
<td height="25" valign="top">Content Footer Image</td>
</tr>
</table>
</td>

</tr>
</table>
</body>
</html>

That was an example; basically its putting your navigation content and content content in a table all their own so they dont effect each others heights.
Good Luck.