Jump to content

sunilpandya

Members
 View Profile  See their activity

  • Posts

    2

  • Joined

  • Last visited

 Content Type 

Posts posted by sunilpandya

    Centering Horizontal Menu

    in CSS

    Posted

    I have prepared Horizontal menu for my website, I have utilised css3 to prepare my menu. Following are the code

     

    <body> <ul> <li> <a href="http://www.spinfonet.com/jobs.html">Jobs</a> </li>
    <li> <a href="http://www.spinfonet.com/matrimony.html">Matrimony</a> </li>
    <li> <a href="http://mydomain.com/property.html">Property</a> </li> </ul><img alt="Splogo" src="Splogo.jpg">
    <ul> <li> <a href="http://mydomain.com/aboutus.html">Aboutus</a> </li>
    <li> <a href="http://mydomain.com/aboutfounder.html">Founder</a> </li>
    <li> <a href="http://mydomain.com/contactus.html">Contactus</a> </li> </ul>
    ----------
    css3 code
    ul { list-style-type:none; margin:0 auto; padding:0; overflow:hidden; }
    li { float:left }
    a:link,a:visited { display:inline-block; text-align:center; width:150px; font-weight:700; color:#FFF; background-color:#98bf21; padding:0; text-decoration:none; text-transform:uppercase}
    a:hover,a:active { background-color:#7A991A}
    p { font-family:Times,Times New Roman; font-size:12px; margin:0; position:absolute; top:50%; margin-right:50%}
    ​I want to center my menu but same is not happening, how to do it?

    ​

×
×
  • Create New...