Page 1 of 1

Need help with menu css

Posted: Fri Dec 08, 2006 5:37 pm
by outdoorxtreme1
I would like to make a menu like on this page http://www.photographdublin.com/index.html

I can't figre out how to get the | between each navagation link.

I want my menu look just like the link above.

Example:

Home | Gallery | News

Re: Need help with menu css

Posted: Fri Dec 08, 2006 7:46 pm
by NightFire

Code: Select all

  |  
Add as many nbsp as neccessary for spacing between elements.

Re: Need help with menu css

Posted: Fri Dec 08, 2006 8:16 pm
by outdoorxtreme1
Where do I add this? to the stylesheet or do I have to edit a template?

Re: Need help with menu css

Posted: Sat Dec 09, 2006 1:07 am
by Dr.CSS
That would go in a menu template, I wouldn't use the   just use padding/margin in your CSS to add the space...

  stands for non breaking space...

Re: Need help with menu css

Posted: Sun Dec 10, 2006 6:12 am
by NightFire
Yeah Mark's way maybe easier for tweaking.  You could make:

Code: Select all

<span class="nav_bar">|</span>

Then in CSS have:

.nav_bar {
    padding-left: 5px;
    padding-right: 5px;
}
That way you could edit the spacing for all the bars at once without having to add nbsp to each one manually.

Re: Need help with menu css

Posted: Mon Dec 11, 2006 2:05 pm
by outdoorxtreme1
What folder is the menu template in and what exactly is the template called?

Re: Need help with menu css

Posted: Mon Dec 11, 2006 2:46 pm
by outdoorxtreme1
nevermind I figured it out. Thanks