Results 1 to 3 of 3

Thread: Help Please!!!

  1. #1
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help Please!!!

    Hi, i have been trying for the past 3 hours to solve what should be(and probably is) a reeeally simple problem. From the dynamic drive website i got the CSS Horizontal Hover Menu and it works and everything, BUT...

    i want the website to have my JPEG logo in the top left corner or the page, and then have the menu horizontally along the top next to it. but it's not letting me. either the jpeg or the menu have to be above the other one.
    I'm working in FrontPage, and my HTML is;

    <html>

    <head>
    <style type="text/css">

    .hovermenu ul{
    font: bold 15px arial;
    padding-left: 0;
    margin-left: 280;
    height: 20px;
    }

    .hovermenu ul li{
    list-style: none;
    display: inline;
    }

    .hovermenu ul li a{
    padding: 2px 0.5em;
    text-decoration: none;
    float: left;
    color: black;
    background-color: #FFF2BF;
    border: 2px solid #FFF2BF;
    }

    .hovermenu ul li a:hover{
    background-color: #FFE271;
    border-style: outset;
    }

    html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
    border-style: inset;
    }
    </style>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>New Page 2</title>
    </head>

    <body>
    <div class="hovermenu" style="width: 692; height: 177">
    <ul>
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.google.com">Google</a></li>
    </ul>
    </div>
    <p>
    <img border="0" src="notegayFINALpleasesd.jpg" width="217" height="113" hspace="6" vspace="-75"></p>


    </body>

    </html>


    I can't get the picture any higher than that.

    any helpy would be MUCh appreciated, many thanks,
    J.

  2. #2
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    sorry, i forgot :

    DD Script : CSS Horizontal Hover Menu

    URL : http://www.dynamicdrive.com/dynamicindex1/hover.htm

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    <html>
    
    <head>
    <style type="text/css">
    
    .hovermenu ul{
    font: bold 15px arial;
    padding-left: 0;
    margin-left: 20px;
    height: 20px;
    float:left;
    }
    
    .hovermenu ul li{
    list-style: none;
    display: inline;
    }
    
    .hovermenu ul li a{
    padding: 2px 0.5em;
    text-decoration: none;
    float: left;
    color: black;
    background-color: #FFF2BF;
    border: 2px solid #FFF2BF;
    }
    
    .hovermenu ul li a:hover{
    background-color: #FFE271;
    border-style: outset;
    }
    
    html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
    border-style: inset;
    }
    </style>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>New Page 2</title>
    </head>
    
    <body>
    <div class="hovermenu" style="width: 692; height: 177">
    <ul>
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.google.com">Google</a></li>
    </ul>
    <img border="0" src="notegayFINALpleasesd.jpg" width="217" height="113" hspace="6" vspace="-75">
    </div>
    
    
    </body>
    
    </html>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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