Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Html css doubt abt list,navigation bar?

    <html>
    <title>home</title>
    <head>
    <style type="text/css">
    body
    {
    padding: 3em;
    }
    #cssm1 *
    {
    padding:3; margin: 0; font: 1em arial;
    }
    #cssm1
    {
    position: absolute; z-index: 99; margin: 0 auto; float: left; line-height: 20px;
    }
    #cssm1 a
    {
    display: block;
    border: 1px solid white;
    background:#FFCCCC;
    text-decoration: none;
    padding: 5px 10px;
    }
    #cssm1 a:hover { background: #789;
    }
    #cssm1 ul li, #cssm1 ul li ul li
    {
    width: 120px;
    list-style-type:none;
    }
    #cssm1 ul li
    {
    float: left;
    width: 120px;
    }
    #cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul
    {
    display:none;
    list-style-type:none;
    width: 120px;
    }
    #cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul
    {
    display:block;
    }
    #cssm1:hover ul li:hover ul li:hover ul
    {
    position: absolute;
    margin-left: 120px;
    margin-top: -20px;
    }

    body
    {
    background-repeat:no-repeat;
    background-size:1100px 700px;
    }

    </style>
    </head>

    <body background="ga.jpg" >
    <center>
    <b><font size="15" style="courier new" color=#FF33CC>Express Shopping</b></font><br>
    <b><font size="4" style="courier new" color="red">Sensational Styling</b></font>
    <table cellspacing="8" cellpadding="8">
    <p><tr bGCOLOR="DEEPSKYBLUE">
    <body>

    <div>
    </div>
    <div id="cssm1">

    <ul style="text-align:center">
    <li><a href="info.html">Home</a></b></font></li>
    <li><a href="#">Gallery &nbsp; &nbsp; &#187;</a>
    <ul>
    <li><a href="link1.html">Bedroom designs</a></li>
    <li><a href="link2.html">Dining room designs </a>
    <li><a href="link3.html">Drawing room designs</a>
    <li><a href="link4.html">Kitchen designs</a>
    <li><a href="link5.html">Washroom designs</a>
    <li><a href="link6.html">Veranda desighn</a>
    </li>
    </ul>
    </li>
    <li><a href="#">Services &nbsp; &nbsp; &#187;</a>
    <ul>
    <li><a href="architect.html">Architectural designing</a>
    <li><a href="land.html">Landscape designing </a>
    </li>
    </ul>
    <li><a href="light.html">Lightning </a>
    <li><a href="fitting.html">Fittings &nbsp; &nbsp; &#187; </a>
    <ul>
    <li><a href="curtain.html">Curtains</a></li>
    <li><a href="furniture.html">Furniture &nbsp; &nbsp; &#187; </a>
    <ul>
    <li><a href="sofa.html">Sofa set</a></li>
    <li><a href="dining.html">Dining table </a>
    <li><a href="bed.html">Beds</a>
    </UL>
    <li><a href="tap.html">Taps</a>
    </li>
    </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>
    </ul>
    </div>
    </table>
    <br><br><br>
    <iframe src="timer.html" width="520" height="270" scrolling="no" frameborder="0">
    <table border="3">

    </table>

    </b></i></font>
    </body>
    </html>


    can u pls explain this??what is #cssm1 *? wht is *?and i know what is hover but what is hover ul and hover ul li? what is ul li ul li?pls explain as much u can or anything u know.thnx a million

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,084
    Thanks
    23
    Thanked 593 Times in 592 Posts
    Welcome to the forums surbhijain93.
    * is a wildcard it means all elements contained in #cssm1
    Hover is the same for ul and for ul li. The later being the li contained in a ul.

    Please use CODE tags to place your coding and look around for the correct section to post code. questions about css go here www.codingforums.com/forumdisplay.php?f=13
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •