I'll be addressing this soon at www.cfstarfield.com so watch for it. It is
actually really easy...in your dsp_header.cfm file you need to design with
this kind of layout in mind.
--------------
| header |
-------------
| | b |
| t| o |
| o| d |
| c| y |
| | |
--------------
where the left most part is your navigation area (or what I prefer to call
the table of contents). So your header file might look something like this:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<cfoutput>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<title>#request.title#</title>
<!--- include script files needed --->
<!--- include style files needed --->
</head>
</cfoutput>
<body>
<table border="0" bordercolor="red"
width="<cfoutput>#request.pagewidth#</cfoutput>" height="100%"
cellpadding="0" cellspacing="0">
<tr valign="top">
<td colspan="2" height="<cfoutput>#request.headerheight# +
#request.navheight#</cfoutput>">
<!--- this is where you output the actual contents of
the header segment
of your layout --->
<cfinclude
template="#request.cfroot#/blocks/dsp_header_include.cfm">
</td>
</tr>
<tr valign="top">
<!--- side navigation --->
<td class="toc_area"
width="<cfoutput>#request.tocwidth#</cfoutput>">
<!--- static side navigation --->
<table border="0" height="100%"
width="<cfoutput>#request.tocwidth#</cfoutput>" cellspacing="0"
cellpadding="0">
<tr>
<td height="100%" valign="top">
<!--- reference your toc
content here --->
</td>
</tr>
</table>
</td>
<td width="<cfoutput>#request.pagewidth#</cfoutput>">
<!--- here is the main body content for the circuit
--->
Then, your footer file closes the process
</td>
</tr>
<tr>
<td height="20" colspan="2" class="footer" align="center">
Copyright � 2000, mjSoftware. All Rights Reserved. Part of the
CFUniverse Portal.
</td>
</tr>
</table>
</body>
</center>
</html>
Now, this is actually a more advanced implementation because where my toc
content goes, I have code that will parse through my directory tree to find
any table of contents files (named specifically for the task), so if you
would rather, you can include your toc content in your circuit pages and the
header might look a little more like this...
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<cfoutput>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<title>#request.title#</title>
<!--- include script files needed --->
<!--- include style files needed --->
</head>
</cfoutput>
<body>
<table border="0" bordercolor="red"
width="<cfoutput>#request.pagewidth#</cfoutput>" height="100%"
cellpadding="0" cellspacing="0">
<tr valign="top">
<td colspan="2" height="<cfoutput>#request.headerheight# +
#request.navheight#</cfoutput>">
<!--- this is where you output the actual contents of
the header segment
of your layout --->
<cfinclude
template="#request.cfroot#/blocks/dsp_header_include.cfm">
</td>
</tr>
<tr valign="top">
<!--- ciruit content including toc goes here --->
and the footer would be the same
Hope that helps a little and was not way off track.
-----Original Message-----
From: K. Bennani [mailto:[EMAIL PROTECTED]]
Sent: Monday, January 08, 2001 11:37 AM
To: Fusebox
Subject: Left navigation and CF_BodyContent
Hi,
What is the best way to implement a left navigation bar (like the one you
can see on www.amazon.com) with CF_BodyContent without using frames?
Best regards,
Kamal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Structure your ColdFusion code with Fusebox. Get the official book at
http://www.fusionauthority.com/bkinfo.cfm
Archives: http://www.mail-archive.com/[email protected]/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
