/    Sign up×
Community /Pin to ProfileBookmark

How do you get a leftsided nav bar…..

to sit on the side of the main content and scroll? I am trying to make a left sided navigation bar sit to the left of the main content. I have them both in tables and tried putting the nav bar outside the other table. This left it sitting in the bottom left hand corner. I put the same table inside the main table and still it does not sit to the left like I need it to. I am fairly new and trying to learn things, but this is racking my brain, I list the code to see what it is lacking.

<body style=”color: rgb(82,64,32); background: white url(parch2.jpg) repeat-y”>
<table width=”77%” align=”center”>
<tr>
<!–Newspaper Logo–>
<td colspan=”2″ align=”center”>
<img src=”logobanner3.jpg” alt=”A.S.O.P.R.” align=”center”/>

<p align=”left”>The A.S.O.P.R is an ever expanding group of professionals experienced in the research and investigation of paranormal activity.The founding core members have skills that form a cohesive, well rounded, and thorough team. Our main goals is to provide support and assistance to those who are experienceing what they believe to be problems of a paranormal nature, through research, counseling,documentation and intervention when necessary.</p>
<p align=”left”> Our investigations incorporate scientific and intuitive techniques to explain and/or authenticate paranormal phenomena. All evidence is carefully researched and analyzed before our findings are presented to our client. We consider ourselves to be a group that is open minded with a healthy dose of skepticism. We do not enter into an investigation with any preconceived notions or beliefs. In the event that the client needs additional assistance with the activity they will be provided with a variety of solutions and referrals.A.S.O.P.R considers their services to be a benefit to the public and does not charge any fees, however, donations are always appreciated. Our clients well being, safety, privacy and confidentiality are our first concern. We offer continued counseling and support 24/7 for as long as our clients are in need.</p>
</td>

</tr>
<tr>
<!–Address–>
<td width=”904″ align=”center” valign=”top”>
<hr style=”color: tan; background-color: tan; width: 90%” />

</td>
</tr>
<table style=”float:left” width=”30″>
<tr>
<!–List of Links–>
<td width=”79″ rowspan=”2″ valign=”top” align=”center” >
<a href=”index.htm”>Home</a>

<a href=”about.htm”>About Us</a>

<a href=”affiliates.htm”>Affiliations</a>

<a href=”team.htm”>Team</a>

<a href=”evidence.htm”>Evidence</a>

<a href=”news.htm”>News</a>

<a href=”contact.htm”>Contact Us</a>

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

</table>
</body>

It is a bit long, thanks for any help I can get.

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@ray326Jul 03.2008 — Try something likes so. I couldn't make sense of some of your markup so I took my best starting shot.
[code=html]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
body { margin:0;padding:0;
color: rgb(82,64,32); background: white url(parch2.jpg) repeat-y }
h1 { text-align: center }
div#content { margin-left: 100px }
#content p { margin-right: 20px }
div#links { float:left; width:90px; }
div#links ul, div#links li { margin:0; padding:0 }
</style>
</head>
<body>
<h1>
<img src="logobanner3.jpg" alt="A.S.O.P.R.">
</h1>
<div id="links">
<ul>
<li>
<a href="index.htm">Home</a>
</li>
<li>
<a href="about.htm">About Us</a>
</li>
<li>
<a href="affiliates.htm">Affiliations</a>
</li>
<li>
<a href="team.htm">Team</a>
</li>
<li>
<a href="evidence.htm">Evidence</a>
</li>
<li>
<a href="news.htm">News</a>
</li>
<li>
<a href="contact.htm">Contact Us</a>
</li>
</ul>
</div>
<div id="content">
<p>
The A.S.O.P.R is an ever expanding group of professionals
experienced in the research and investigation of paranormal
activity.The founding core members have skills that form a
cohesive, well rounded, and thorough team. Our main goals is to
provide support and assistance to those who are experienceing
what they believe to be problems of a paranormal nature, through
research, counseling,documentation and intervention when
necessary.
</p>
<p>
Our investigations incorporate scientific and intuitive
techniques to explain and/or authenticate paranormal phenomena.
All evidence is carefully researched and analyzed before our
findings are presented to our client. We consider ourselves to
be a group that is open minded with a healthy dose of
skepticism. We do not enter into an investigation with any
preconceived notions or beliefs. In the event that the client
needs additional assistance with the activity they will be
provided with a variety of solutions and referrals.A.S.O.P.R
considers their services to be a benefit to the public and does
not charge any fees, however, donations are always appreciated.
Our clients well being, safety, privacy and confidentiality are
our first concern. We offer continued counseling and support
24/7 for as long as our clients are in need.
</p>
<div id="address">
<hr style="color: tan; background-color: tan; width: 90%">
</div>
</div>
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@hudseyauthorJul 03.2008 — Div's ya know I forgot about them, thanks I take a crack at that and then go from there. Good to know there are sites out there for people like me. Thanks again. I'll post an update when I get it fixed.
Copy linkTweet thisAlerts:
@donatelloJul 03.2008 — If you're new, why don't you go and look over the templates at OSWD.org (Open Source Web Designs).

You can download free web templates, and then modify them to suit your needs. This is a great way to learn without pulling your hair out of your head.
×

Success!

Help @hudsey spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...