Nov 23, 2009

Navigation Bar Help

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > Designing > Web Design and HTML

Navigation Bar Help

Leveecius
Hey guys, I just finished up part of my website and am trying to figure one last thing out. I have a vertical navigation bar done with CSS, but I can't seem to figure out how to put it in it's own frame. I've tried throwing an html frameset in there, but I haven't had any luck. Here is what I had for this:

CODE
<frameset cols="120,*">

<frame src="navbarexample.htm">
<frame src="pageexample.htm"
name="showframe">

</frameset>

but couldn't get it to work with that so I did this:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="welcome index.htm" id="current">Welcome</a></li>
<li><a href="#">About</a></li>
<li><a href="Registration index..htm">Registration</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>

<style type="text/css">
        #navcontainer ul
        {
            margin-left: 30px;
            padding: 0;
            list-style-type: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
        }
        
        #navcontainer li { margin: 0 0 3px 0; }
        
        #navcontainer a
        {
            display: block;
            padding: 2px 2px 2px 24px;
            border: 1px solid #333;
            width: 160px;
            background-color: #999;
            background-image: url(images/l1_down.gif);
        }
        
        #navcontainer a:link, #navlist a:visited
        {
            color: #EEE;
            text-decoration: none;
        }
        
        #navcontainer a:hover
        {
            border: 1px solid #333;
            background-color: #F60;
            background-image: url(images/l1_over.gif);
            color: #333;
        }
        
        #active a:link, #active a:visited, #active a:hover
        {
            border: 1px solid #333;
            background-color: #FF6600;
            background-image: url(images/l1_over.gif);
            color: #333;
        }
</style>


But I can't seem to figure out where I need to add the border or how to add the frame to it with CSS. Any clue? Thanks guys.

 

 

 


Comment/Reply (w/o sign-up)

khalilov
Iam strongly against the use of frames, i posted on how to make a side menu in your other post, plz check it out =)

Comment/Reply (w/o sign-up)

Leveecius
Checked and replied! Thanks for the info.

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)


See Also,

*SIMILAR VIDEOS*
Searching Video's for Navigation, Bar
advertisement



Navigation Bar Help

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com