Link to home
Start Free TrialLog in
Avatar of jonath2002
jonath2002

asked on

Adding inline text to jQuery Accordian Menu

I'm building a menu using the "Simple JQuery Accordion Menu" here"

http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/

I want to add an (left aligned) inline <div> or <span> for each <li>.  

I've attached an image of the desired output.

Thanks
I've tried adding the following css:
 
ul.menu span {
 
	text-decoration: none;
	font-size: 10px;
	outline: none;	
	color: #fff;
	margin-top: 5px;
	margin-right:5px;
	float: right;
}
 
 
Then added this html before each <li>
 
<li><span>Example</span></li>
 
 
This works in Firefox but does not display properly in IE6 which unfortunately is the target browser

Open in new window

exampleMenu.PNG
Avatar of knonie
knonie
Flag of Pakistan image

What about doing it without SPAN, and using li instead, in your class name:
ul.menu li{
...
}
 
And,
<li>Example</li>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of jonath2002
jonath2002

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial