Log in

View Full Version : Fixed left column



Atom
09-01-2011, 08:17 PM
This is a mostly empty web page that I use as a starting point for adding pages to my website: http://www.siftradingsystems.com/Blank_Page.html

I want to keep all of my content out of the left column except for the menu and the links. My question is about how to construct this page so that no content can ever be entered in the left column area. Typically what happens is I'm entering content using a web based page editor and when I get to the bottom of the page and hit the enter key, the next line will jump to the left side of the left column.

Thanks for your help.

tom

Techykid3
09-01-2011, 08:38 PM
It's probably your template's settings on your limit of text.

Atom
09-01-2011, 08:57 PM
I don't follow that. Are you referring to the CSS?

Minos
09-02-2011, 01:33 AM
Just looked at your source code...frankly, I got lost in html, head, and body tags. It is a mess :S.

I will try and get a cleaned up sample version for you...

Minos
09-02-2011, 01:56 AM
Hope the editor allows you to edit html, if so here is your "about" page cleaned up and all nesting issues resolved. Hope it helps you get things squared.



<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SIF Trading Systems - About</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">
/************************************************ All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/
</script>
</head>

<body class="twoColFixLtHdr">
<div id="container">
<div id="header" class="fltlft">
<img src="images/logo.jpg" alt="SIF Trading Systems Logo" class="fltlft" />
<img src="images/software_box.jpg" alt="Software Box" class="fltrt" />
</div>
<br class="clearfloat" />
<div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="#" rel="ddsubmenu1">SYSTEMS</a></li>
<li><a href="about.html" rel="ddsubmenu2">ABOUT SIF</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="contact.html" rel="ddsubmenu3">CONTACT</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<!--Drop Down Menu 1 HTML-->
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="ES_Swing.html">ES Swing</a></li>
<li><a href="ctt_es1.html">CTT(S&amp;P E-MINI)</a></li>
<li><a href="ES1.html">SIF ES1</a></li>
<li><a href="SIF_ESCombo.html">SIF_ESCombo</a></li>
<li><a href="SIF_ESGumbo.html">SIF_ESGumbo</a></li>

<li><a href="Alligator.html">Alligator</a></li>
<li><a href="AutoTrade.html">AutoTrade</a></li>
<li><a href="disclosure.html">Disclosure</a></li>
<li><a href="ChartGallery_02.html">ChartGallery</a></li>
</ul>
<!-- end drop down divs -->

<div id="mainContent">
<h1>if you are currently utilizing a SIF system through broker
autotrading, please&nbsp; register by furnishing your name and email
and level of trading. No fees are currently being charged, but this
will eventually change once the system track record has been&nbsp;
established. &nbsp;If you do not register you may eventaully lose
trading access to SIF systems. &nbsp;Additionally, this will facilitate
updating users with any changes or other important information. Thank
you for your cooperation.&nbsp;</h1>

<form action="contactProcessor.php" method="post">
<div id="form_container">
<div id="form_left"> Tom Graney<br />
1322 Vesper Lane<br />
Covington, LA 70433<br />
Phone: 985-789-1551<br />
<a href="mailto:trgraney@siftradingsystems.com">trgraney@siftradingsystems.com</a><br />
</div>
<div id="form_right"> Name:<br />

<input name="name" id="name" class="formFields" type="text" /><br />Phone:<br />
<input name="phone" id="phone" class="formFields" type="text" /><br />Email:<br />
<input name="email" class="formFields" id="email" type="text" /> <br />Comments:<br />
<textarea name="comments" cols="40" rows="5" class="formFields"></textarea> <br />
<input value="Submit" type="submit" />
</div>
</div>
</form>

</div>
<br class="clearfloat" />
<div id="footer">
<p><a href="index.html">Home</a></p>
</div>
<p id="copyright">Copyright &copy; 2009 SIF Trading Systems</p><img src="images/menu_tile.jpg" style="display:none;" />
</div>
<div id="websiteby">
<span style="text-align:right"><a href="http://www.netaffordable.com" target="_blank">Website Design by NetAffordable.com</a></span>
</div>
</body>
</html>

Atom
09-02-2011, 02:42 AM
Thank you for taking the time to help me Minos. I was able to copy your code over and see how it works. I will try to use your example to upgrade some of my other pages.

tom

Atom
09-02-2011, 03:07 AM
This is what I was trying to do: http://www.siftradingsystems.com/BlankPage_New.html

The page you worked up was actually my contact page, so I just edited the header text and removed the contact form. This is what I have now, and as long as I keep my editing above the footer the left column remains intact. Thanks again.

tom


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SIF Trading Systems - About</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">
/************************************************ All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/
</script>
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header" class="fltlft"><img src="images/logo.jpg" alt="SIF Trading Systems Logo" class="fltlft" /><img src="images/software_box.jpg" alt="Software Box" class="fltrt" /> </div><br class="clearfloat" />
<div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="#" rel="ddsubmenu1">SYSTEMS</a></li>
<li><a href="about.html" rel="ddsubmenu2">ABOUT SIF</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="contact.html" rel="ddsubmenu3">CONTACT</a></li></ul></div>
<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script><!--Drop Down Menu 1 HTML-->
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="ES_Swing.html">ES Swing</a></li>
<li><a href="ctt_es1.html">CTT(S&amp;P E-MINI)</a></li>
<li><a href="ES1.html">SIF ES1</a></li>
<li><a href="SIF_ESCombo.html">SIF_ESCombo</a></li>
<li><a href="SIF_ESGumbo.html">SIF_ESGumbo</a></li>
<li><a href="Alligator.html">Alligator</a></li>
<li><a href="AutoTrade.html">AutoTrade</a></li>
<li><a href="disclosure.html">Disclosure</a></li>
<li><a href="ChartGallery_02.html">ChartGallery</a></li></ul><!-- end drop down divs -->
<div id="mainContent">
<h1>blank page</h1>
<p>This page is intentionally empty.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div><br class="clearfloat" />
<div id="footer">
<p><a href="index.html">Home</a></p></div>
<p id="copyright">Copyright &copy; 2009 SIF Trading Systems</p><img alt="" src="images/menu_tile.jpg" style="display: none" /></div>
<div id="websiteby"><span style="text-align: right"><a href="http://www.netaffordable.com" target="_blank">Website Design by NetAffordable.com</a></span></div>
</body>
</html>

Minos
09-02-2011, 09:15 PM
No problem! Sorry I started on the about page then switched to see if the same issue was present...regardless, I'm glad it worked!