Css menu
  • Hi .please i would to build a css menu  but i don't know  the code source .Please  can help me  .thanks so much  :)  .
  • 4 Comments sorted by
  • Hello. fadoua .
    Please see the code below.
    In index.html or in your html file please add following code
    <div class="menu">
    <ul>
    <li> <a href="index.php">Home</a></li>
    <li> <a href="#">Discussions</a>
    <ul>
    <li> <a href="latest.php">Latetst Discussions</a></li>
    <li> <a href="featured.php">Featured Discussions</a></li>
    </ul>
    </li>
    <li> <a href="activity.php">Activity</a></li>
    <li> <a href="add.php">Add More items here</a></li>

    </ul>

    </div>


    And in your Css file Please add.
     .menu {
    background:#000; width:100%; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px;

    }
    .menu a{ color:#FFF; text-decoration:none;}
    .menu ul{ padding:0px; margin:0px; list-style:none;}
    .menu ul li{ float:left; padding:10px; border-right:1px solid #333;}
    .menu ul li ul{ display:none; top: 35px;}
    .menu ul li:hover ul{ display:block;}
    .menu ul li:hover ul{ width:150px; background:#000; position: absolute;}
    .menu ul li li{ border-right:0px; border-bottom:1px solid #333; width:130px; }
    .menu li:hover{ background:#333;}
     



    and your final Preview will be like this

    image
  • Hi Sajid Designer .thank you very much :).
  • hello fadoua you can also create menus by using this software its allow u to make dynamic menus


    donwload from this link
    hussainroyal
  • Hi hussainroyal thank you very much :) .

Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

    Optimum Creative