www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] CSS menus not displaying

  1. #1
    Join Date
    May 2009
    Posts
    2

    resolved [RESOLVED] CSS menus not displaying

    HTML HERE:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>



    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    #bigdiv {
    position:relative;
    width:800px;
    height:800px;
    z-index:1;
    margin-left: auto;
    margin-right: auto;
    border-left: auto;
    }
    #bannerdiv {
    position:relative;
    width:800px;
    height:80px;
    z-index:1;
    left: 0px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    }
    #flashdiv {
    position:absolute;
    width:670px;
    height:170px;
    z-index:4;
    left: 211px;
    top: 81px;
    padding-top: 10px;
    }
    #menudiv {
    position:relative;
    width:202px;
    height:162px;
    z-index:2;
    font-family: Verdana, Geneva, sans-serif;
    top: 0px;
    left: 0px;
    padding-top: 0px;
    padding-left: 0px;
    }
    body,td,th {
    color: #CCC;
    }
    a:link {
    color: #CCC;
    text-decoration: none;
    }
    #menu li a:active {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #CCC;
    }
    a:active {
    text-decoration: none;
    }
    #apDiv4 {
    position:absolute;
    width:800px;
    height:320px;
    z-index:3;
    top: 353px;
    }
    -->
    </style>
    <link rel='stylesheet' type='text/css' href='/menu/menu_style.css'>
    </head>

    <body>
    <div id="bigdiv">
    <div id="bannerdiv"><img src="banner.gif" width="800" height="80" /></div>
    <div id="menudiv">


    <div class="outer">
    <div id="menu">
    <ul>
    <li><a href="index.html" target="_self">Home</a></li>
    <li><a href="whatson.html" target="_self">Screenings</a></li>
    <li><a href="membership.html" target="_self">Membership</a></li>
    <li><a href="tickets.html" target="_self">Tickets</a></li>
    <li><a href="aboutus.html" target="_self">About Us</a></li>
    </ul>
    </div>
    </div>


    </div>
    <div id="flashdiv"><img src="IMAGES/BANNER1.jpg" alt="" width="670" height="170" /></div>
    <div id="apDiv4"></div>
    </div>
    </body>
    </html>

    CSS HERE :

    /* V2 */

    .outer{
    margin:0px;
    padding:0px;
    }
    #menu {
    width: 200px;
    border-style: solid solid none solid;
    border-color: #000;
    border-size: 1px;
    border-width: 1px;
    }
    #menu ul{
    list-style:none;
    padding:0px;
    margin:0px;
    }

    #menu li a {
    height: 32px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
    font-weight:normal;
    }

    #menu li a:link, #menu li a:visited {
    color: #666;
    display: block;
    background: url(images/menu1.gif);
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
    }

    #menu li a:hover {
    color: #333;
    background: url(images/menu1.gif) 0 -32px;
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
    }

    #menu li a:active {
    color: #000;
    background: url(images/menu1.gif) 0 -64px;
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
    }

  2. #2
    Join Date
    May 2009
    Posts
    2
    <link rel='stylesheet' type='text/css' href='/menu/menu_style.css'>
    </head>

    AHHHHHHHHHH it was and extra "/" before menu,

    nnnnnnnnnnewboid

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles