[wp-hackers] help with overlapping lists

Khaleel Abdul Karim webmaster887 at gmail.com
Sat May 8 03:52:22 UTC 2010


Please check the screenshot . It's my problem ..
I am generating the list through a loop..

On Sat, May 8, 2010 at 9:12 AM, Gaurav Dadhania
<gaurav.dadhania at gmail.com>wrote:

> I'm not really sure what you're asking. But as far as CSS selectors
> go, you can select for list using an identifier and then select the
> sublists using a class. So you can have something like this
>
> <ul id="mainlist">
> <li>Root1
> <ul class="sublist">
> <li>Sublist item </li>
> </ul>
> </li>
> <li>Root2
> <ul class="sublist">
> <li>Sublist item </li>
> </ul>
> </li>
> </ul>
>
> Then use the #maillist and .sublist for the styling in your CSS
>
> Cheers,
> Gaurav
>
> On Sat, May 8, 2010 at 1:31 PM, Khaleel Abdul Karim
> <webmaster887 at gmail.com> wrote:
> > I was trying to make a list of pages on my plugin
> > <UL>
> > <LI>*Root Page1*<UL><LI>*Sub page1*(1)</LI><LI>*Sub
> page2*(1)</LI><LI>*Sub
> > page3*(1)</LI></UL></LI>
> > </UL>
> > <UL>
> > <LI>*Root Page2*<UL><LI>*Sub page1(2)*</LI><LI>*Sub
> page2(2)*</LI><LI>*Sub
> > page3(2)*</LI></UL></LI>
> > </UL>
> > ........ and so on
> >
> > HTML comes in this manner > but the problem with me is the second
> > *<UL>*comes overlapped on the first
> > *<UL>*
> > How can I overcome this .. Please help me that I am very poor in CSS and
> > designing ..
> > Thanks in advance... :-)
> > --
> > ~~~~~~~~~~~~~~~~~~
> >
> > Khaleel Abdul Karim
> > Thazhathuveedu
> > Erumely
> > _______________________________________________
> > wp-hackers mailing list
> > wp-hackers at lists.automattic.com
> > http://lists.automattic.com/mailman/listinfo/wp-hackers
> >
> _______________________________________________
> wp-hackers mailing list
> wp-hackers at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-hackers
>



-- 
~~~~~~~~~~~~~~~~~~
http://khaleel.isgreat.org
Khaleel Abdul Karim
Thazhathuveedu
Erumely


More information about the wp-hackers mailing list