How to get <ul id="externalMenu"> code working in <ul id="nav">? The problem is that It's between <ul id="nav">. I just want this menu here, but want a different code for external menu (As shown in the code). Is it possible? If Yes, then how?

#nav ul {
        float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
        border-right: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
        border-bottom: 1px solid #C8C8C8;
        -moz-border-radius: 0px 0px 6px 6px;
        -webkit-border-radius: 0px 0px 6px 6px;
        -khtml-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
	}

#externalMenu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

<ul id="nav">

<li><a href="#">Home</a></li>

<ul id="externalMenu">
<li><a href="#">Home</a></li>
</ul>


</ul>

#externalMenu ul { would apply rules to a <ul> element that was a child of an eleent with an ID of "externalMenu"

To have rules apply to a <ul> element with an ID of "externalMenu" use:

ul#externalMenu {

That's not working. Actually, <?php displayMenu(1); ?> is following dropdown menu style and I wanna stop it from doing so.

That's the actual code.

PHP Code:

<ul id="nav"><li><a href="<?php echo get_settings('home'); ?>">Home</a></li>

<ul id="externalMenu"><li><?php displayMenu(1); ?></li></ul>

<?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?></ul>

and

<?php displayMenu(1); ?>

does what exactly?

It just shows external links in wordpress menu.

I guessed that much. HOWEVER that is of no help in knowing how the links are structured or styled!

So, you need to know how they are styled?
Do you want to know if there is any stylesheet with the wordpress plugin on which the menu is working? Then my answer is, No.

It is probably a precedence or specificity problem, but until we can see the entire menu structure;


It's simply guesswork.

For that, we need to go through plugin's files rather than themes.

No we don't, just provide A URL where we can see what is ACTUALLY happening.

Should I provide you link of that plugin? It's a wordpress plugin, actually. CSS Menu Creator

We need to see YOUR pages where it is NOT WORKING.

Here is the screenshot of that menu



I've already shared code. As far as plugin is concerned, I don't know what's happening there?

Ok!!! one last chance to get help withYOUR problem

WE NEED A LINK TO YOUR site!!!!!!!!!!!!!!!!!!! so we can DEBUG YOUR problem

Sorry for I got it wrong. Anyhow, That's on localhost

Can you paste the rendered source code and the CSS styles sheets to pages on a temporary host so we see how everything fits together?

Ok. But modify the giants YOURS Those are looking nasty

Check it out here

First point is

a <ul> should NOT be nested directly in a <ul>, it should be in an <li>

Like so:

<ul id="a">
      <li>###</li>
      <li>###</li>
      <li>
          <ul id="b">
                <li>~~~~</li>
                <li>~~~~</li>
                <li>~~~~</li>
         </ul>
      </li>
      <li>###</li>
      <li>###</li>
</ul>

And to set a rule for li's in ul 'B' the CSS specificity would be,

#a li #b li {
       specific rules here
}

which translates to

a child li of parent 'b' from a child li of parent 'a'

I tried it, but failed ! Another thing I must tell you here is that adding ul to the <?php displayMenu(1); ?> removes it and this is happening here too! It's removed the <?php displayMenu(1); ?>

Am I doing it rightly?

#nav li #externalMenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

<ul id="nav"><li><a href="<?php echo get_settings('home'); ?>">Home</a></li>

<li><ul id="externalMenu"><li><?php displayMenu(1); ?></li></ul></li>

<?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?></ul>

no need to know how they re styled just use nav bars taggers