How do I create a more exciting navigation system?

I have been looking at your code. Do you mean to say that any changes you have made to the following code have had no effect?

/* Begin Page List */
#nav {
line-height:20px;
font-size:16;
float:left;
padding-top:35px;
width:360px;
}

#nav li {
float:left;
/*Try to add */ display: inline; /* here*/
display: inline;
list-style:none;
margin-right:1.2em;
text-transform:uppercase;
}

#nav li a {
}

#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
}
/* End Page List */

Hi mostever,

Thank you for your reply. I’ve tried your suggestion and it seems something is overriding the decision. Even if I add the snippet you posted, it makes no difference. It stays the same.

I’ve made other changes which cleared with no issues at all, and this is why I’m wondering why this change can’t seem to go through.

What do you guys think?

It’s tough to say. At first it looks like your css rules for the #nav section should work, but then again they call for text-transform:uppercase which tells me that this rule is not being used at all.

I wish I could be of better use to you, but all I can say is I think that rule #nav is not doing a thing. You might want to try a more specific rule, but I am sure there is something else I am missing here.

@mostever & @yascom:

good start to solve the problem
using firefox and the developer addon or firebug, it is easier to identify the divs and to try css changes.

the div is actually not #nav, it is #header:

/* Begin Page List */

#header li {
float:left;
display: inline;
list-style:none;
margin:1.2em;
text-transform:uppercase;
}

#header li a {
}

#header li a:hover, #header li.current_page_item a, #header li.current_page_parent a {
}
/* End Page List */

btw: there is no <ul> around the list, which is not valid coding and might make problems with some browsers. could obviously be there from the original theme.

@alchymyth: Seems you’ve solved the riddle. But one thing I don’t understand is, how do I fix the problem as per my original request?

Would you mind posting a simple solution, perhaps with

included to make things right. You’re right in that I haven’t modified this part of the code and it must thus be the work of Tammy Hart, the author.

Thank you very much for your help. It is sincerely appreciated!

edit style.css of the theme, add the code i have posted at the end .
should give you a horizontal nav without bullets ??

i just see you have the ul in the code, i didn’t look properly the other time. looks ok.
just forget the rest.
good luck ??

@ alchymyth: It worked! ?? I did exactly what you said and it worked like a charm.

Thank you so much and I hope this thread can help someone else in the future too.