Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
How to get <ul> functioning in <ul>?
Old 03-29-2011, 02:04 PM How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
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?
Code:
#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;
	}
HTML Code:
<ul id="nav">

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

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


</ul>
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
 
Register now for full access!
Old 03-29-2011, 03:48 PM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
#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:
Code:
ul#externalMenu {
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-03-2011, 06:54 AM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
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>
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-03-2011, 07:09 AM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
and

Code:
<?php displayMenu(1); ?>
does what exactly?
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-03-2011, 07:11 AM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
It just shows external links in wordpress menu.
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-03-2011, 07:22 AM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
I guessed that much. HOWEVER that is of no help in knowing how the links are structured or styled!
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-03-2011, 11:59 AM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
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.
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam

Last edited by asmalik12; 04-03-2011 at 12:04 PM..
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-03-2011, 01:07 PM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
It is probably a precedence or specificity problem, but until we can see the entire menu structure;


It's simply guesswork.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-04-2011, 03:22 AM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
For that, we need to go through plugin's files rather than themes.
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-04-2011, 06:35 AM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
No we don't, just provide A URL where we can see what is ACTUALLY happening.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-06-2011, 01:14 PM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
Should I provide you link of that plugin? It's a wordpress plugin, actually. CSS Menu Creator
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-06-2011, 02:48 PM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
We need to see YOUR pages where it is NOT WORKING.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-06-2011, 03:34 PM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
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?
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-06-2011, 04:32 PM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Ok!!! one last chance to get help withYOUR problem

WE NEED A LINK TO YOUR site!!!!!!!!!!!!!!!!!!! so we can DEBUG YOUR problem
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?

Last edited by chrishirst; 04-07-2011 at 12:18 PM..
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-07-2011, 02:57 AM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
Sorry for I got it wrong. Anyhow, That's on localhost
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam

Last edited by asmalik12; 04-07-2011 at 02:58 AM..
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-07-2011, 09:51 AM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
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?
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-07-2011, 12:13 PM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
Ok. But modify the giants YOURS Those are looking nasty

Check it out here
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam

Last edited by asmalik12; 04-07-2011 at 12:15 PM..
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-07-2011, 01:23 PM Re: How to get <ul> functioning in <ul>?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
First point is

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

Like so:
HTML Code:
<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,

Code:
#a li #b li {
       specific rules here
}
which translates to

a child li of parent 'b' from a child li of parent 'a'
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 04-08-2011, 01:24 PM Re: How to get <ul> functioning in <ul>?
asmalik12's Avatar
Extreme Talker

Posts: 173
Name: Abdullah Saleem
Trades: 0
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?

Code:
#nav li #externalMenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
HTML Code:
<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>
__________________
"Think 100 times before you take a decision, But once that decision is taken, stand by it as one man." - Quaid-e-Azam
asmalik12 is offline
Reply With Quote
View Public Profile Visit asmalik12's homepage!
 
Old 04-09-2011, 04:25 PM Re: How to get <ul> functioning in <ul>?
Banned

Posts: 18
Name: Cyana Sail
Trades: 0
no need to know how they re styled just use nav bars taggers
cyana is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to How to get <ul> functioning in <ul>?

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.05714 seconds with 12 queries