Need help with menu css

[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

[NightFire]

Code: Select all

  |  

Add as many nbsp as neccessary for spacing between elements.

[outdoorxtreme1]

Where do I add this? to the stylesheet or do I have to edit a template?

[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...

[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.

[outdoorxtreme1]

What folder is the menu template in and what exactly is the template called?

[outdoorxtreme1]

nevermind I figured it out. Thanks