Forum Moderators: mack
I hope you can help with designing a page useing tables or <div>.
Well...
I would like to layout the page like this:
I would begin by typing in the <h1></h1> information in notepad. Then the main content for the page. Following this i would like the navigation to be placed to the *left* of the content. I mention notepad because when typing in the code, i want the page content seen in notepad as being first with the <h1></h1> tag. Then the navigation links seen following this in *notepad* and being shown as positioned to the left and next to the page content so i can use the <h2></h2>,<h3></h3>,etc...tags in order.
I designed the site, but when shown in notepad it displays the navigation and <h2>,<h3>,etc tags first then later the <h1></h1> tag for the page info.
I basicly want the page content first, then the navigation links shown after but positioned to the *left* so when i enter the <h2></h2>,<h3></h3>..etc. tags they display after the <h1></h1> tag.
>>The page content will then be seen first in *notepad* with the <h1></h1> info followed by the navigation with the <h2>,<h3>..tags placed to the left next to the page content.
This is displayed *in notepad* as <h1></h1>..page content,.... navigation with <h2></h2>,<h3>,<h4>...positioned to the left and next the the page content.
I'd like it setup this way so i can list the <h1>,<h2>..etc *in order* but the navigation seen in notepad *after* the page content so it appears displayed after the page content but placed to the left of the page content even though the navigation displays as being seen as first when viewed in the browser.
Here's an example i would like as seen in notepad:
<html>
<head></head>
<body>
<h1>Green widgets</h1>
<p>
Page content....
......blah blah....
</p>
<div id="navigation">
<h2>Green Widget</h2>
<li><a href="">xyz</a></li>
<h3>Green widget</h3>
<li><a href="">xyz</a>
</div>
</body>
</html>
The navigation is mentioned second in notepad but positioned to the left and next to the page content.
Q.1. How can i do this so the page content and the <h1> is *first* and the navigation and <h2>,<h3> is displayed after in *notepad* but positioned to the left and next to the page content so i can use the proper order of <h1><h2>..etc. tags?
>>The navigation is seen as first and positioned to the left next to the page content when viewed in the browser.
Thank you guys for your help:)
I hope you understand what i mean:)
Thanks again.
frenzy77
It might help you to do the tutorial at this link titled "Tableless layout with Dreamweaver":
[macromedia.com...]
You don't need Dreamweaver to do it, you can do it in notepad. This tutorial helped me a lot with using CSS for page layouts and I think you will find it useful too
Have fun
pamount
