My English is not so well, and I afraid I cannot tell clear. However, it now
runs well on my computer: IE6, opera10.5, Chrome5 and Firefox3.5.5 on
Windows XP. Try below:
#m ul, li
{
margin: 0;
padding: 0;
}
#m li
{
float: left;
display: inline;
list-style-type: none;
}
#m li li
{
display: block;
float: none;
}
*On the limit of the rainbow sleep iridescent treasures.*
*Access My Website: biaes.com*
On Thu, Jul 29, 2010 at 10:51 PM, akonsu <[email protected]> wrote:
> hello,
>
> i am trying to style list of lists to create a menu. i want the top
> level menu to be horizontal, and the second level sub-menus to be
> vertical and positioned under their parents.
>
> i set the margin and padding on sub-lists to 0, and in FF it does what
> i want, but ie7 still shows the sub-lists in the wrong location.
>
> please help.
>
> konstantin
>
> my markup:
>
> <html>
> <head>
> <title></title>
> <style type="text/css">
> #m ul, li
> {
> margin: 0px;
> padding: 0px;
> }
> #m li
> {
> float: left;
> display: inline;
> list-style-type: none;
> }
> #m li li
> {
> display: block;
> list-style-type: none;
> float: none;
> }
> #m ul ul
> {
> position: absolute;
> }
> </style>
> </head>
> <body>
> <div id="m">
> <ul>
> <li><span>____item1____</span>
> <ul>
> <li>subitem11</li>
> <li>subitem12</li>
> <li>subitem13</li>
> </ul>
> </li>
> <li><span>____item2____</span>
> <ul>
> <li>subitem21</li>
> <li>subitem22</li>
> <li>subitem23</li>
> </ul>
> </li>
> <li>item3</li>
> </ul>
> </div>
> </body>
> </html>
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
