Navbar

Question

I want to create a standard horizontal navigation bar. No drop downs - just six nav links. I am using graphics for my text and I have up, over and down states.
Is the spry menu a good choice for this? (when using graphics for text)
I gave Fireworks a try and wasn't successful - maybe because I created the graphics in Photoshop - plus I'm not very familiar with Fireworks.
I don't think DW CS5 has a navbar creator anymore.
What is currently the best way to do this?

Answer 1

How about doing something simple like this:
First your code:
 <ul id="navigation">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Staff</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact</a></li>
</ul>
Then your CSS as follows:
 ul#navigation {
                margin-left: 0;
                padding-left: 0;
                list-style-type: none;
                background: #036;
                float: left;
                width: 100%;
ul#navigation li {
                display: inline;
ul#navigation a {
                display: block;
                float: left;
                padding: .2em 1em;
                text-decoration: none;
                color: #fff;
                background: #036;
                border-right: 1px #fff solid;
ul#navigation a:hover {
                color: #000;
                background: #69c;
this should give you a start.  I am of course assuming you know basic HTML/CSS but the above code is complete and it should work straight out of the box!!!!
Good luck.