CSS - how to set a position of UL in LI

Question

I have following a HTML structure of list that contains another list:

<ul> <li>a</li> <li>b <ul> <li>b-a</li> <li>b-b</li> <li>b-c</li> </ul> </li> <li>c <ul> <li>c-a</li> <li>c-b</li> </ul> </li> <li>d</li> </ul>

The inner UL are hidden and after mouseover they are set as visible. My problem consists in if I will move the cursor on LI item that contains inner UL, so this inner UL is displayed, but in the begin line, not exactly under LI item (in this case under LI with the words b and c).

Can you help me, please, how to set the inner UL exactly under the words, that contains inner UL lists?

thank you so much

please paste your code on jsfiddle

Ya Zhuang
– Ya Zhuang

2011-10-20 12:42:20 +00:00
Commented Oct 20, 2011 at 12:42 — Ya Zhuang
– Ya Zhuang, Commented Oct 20, 2011 at 12:42

pinaldesai · Accepted Answer · 2011-10-20 12:44:17Z

Please Checkout this tutorial http://www.seoconsultants.com/css/menus/tutorial/

try this for jquery http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

Collectives™ on Stack Overflow

CSS - how to set a position of UL in LI

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related