[soeb]

Could anyone tell me that how do i manage multiple ul and li thourgh css.

something like this.

<ul>
     <li>First LI</li>
     <li>Secon LI</li>
     <li>
        <ul>
            <li>Again First</li>
            <li>Again Second</li>
            <li>Again Third</li>
        </ul>
     </li>
     <li>Fourth LI</li>
</ul>

Please Help me Out

[Shiro]

Can't help if you don't tell us what you want to do.

[DKuntz2]

/* targets all ul's and li's */
ul li { /* the ever awesome // do stuff */ }

/* targets only ul's and li's inside of an li */
ul li ul li { /* the second best one // magics here */ }

[soeb]

i want this to be working properly....

#menu {margin:0px; padding:0px; list-style:none;}
#menu li {margin:0px; padding:0px; list-style-type:none; display:block; float:none;}
#menu li ul {margin:0px; padding:0px; list-style:none;}
#menu li ul li {margin:0px; padding:0px; list-style-type:none; display:inline; float:left; margin-right:20px;}

[soeb]

thanx DKuntz2..
But please see the css which i have just posted...

[slate]

What is proper?

Remove all those rules, and start with ul{margin:0px;padding:0px;list-style:none;}

Provided your main ul has the id of menu, start styling your levels from selectors you currently have.