[Solved] Footer menu in html and css [closed]

by


You mean someting like this? DEMO

Html:

<ul>
    <li>Home</li>
    <li>About Us
        <ul>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
       </ul>
    </li>
    <li>Portfolio
        <ul>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
        </ul>
    </li>
    <li>Clients</li>
    <li>Events
        <ul>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
        </ul>
    </li>
    <li>Media
        <ul>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>Lorem Ipsum</li>
            <li>ILorem Ipsum</li>
        </ul>
    </li>
    <li>Contact Us</li>
</ul>

Css:

body{width:100%;}
ul {width:100%; list-style:none;}
ul li {float:left; width:150px; font-weight:bold;}
ul li ul {padding:0;}
ul li ul li {float:none; padding:5px 0; font-weight:normal;}

http://jsfiddle.net/wdz68kxk/

0

solved Footer menu in html and css [closed]