Results 1 to 4 of 4

Thread: CSS Spotlight Menu showing up vertical, not in line???

  1. #1
    Join Date
    Aug 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS Spotlight Menu showing up vertical, not in line???

    1) Script Title: CSS Spotlight Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...potlight_menu/

    3) Describe problem: I installed the CSS Spotlight Menu script on my youth football league website. It shows up perfect in Chrome and Firefox, but for what ever reason when I load the page in IE it shows up as a vertical menu. I know that it won't be animated, but I need it to at least still have the same in-line appearance as it does in Chrome and Firefox. Am I doing something wrong here?

    http://www.fairportpackers.com/

    I set up a test page with no other content and no other scripts and have the same problem:

    http://www.fairportpackers.com/test

    Please help.... Fyi I'm using IE8 - I'm guessing that may have something to do with it, but if that is indeed the problem then what can I do about it? I need some sort of solution other than asking 300+ families to update their web browser.

    Any help is truly appreciated...

  2. #2
    Join Date
    Aug 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I would also like to note - the demo script on the DynamicDrive page shows up just fine in IE8 for me, it's just when I put the demo script on my web server that it no longer displays correctly.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    Use a standards invoking DOCTYPE as the first thing on the page:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    
    .spotlightmenu{
    width: 100%;
    overflow:hidden;
    } . . .
    The browser cache may need to be cleared and/or the page refreshed to see changes.
    - John
    ________________________

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

  4. #4
    Join Date
    Aug 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Oh perfect - thank you..! Had no idea about that requirement at all. I learned basic HTML programming years and years ago and have never evolved =-) Thanks again.

Similar Threads

  1. CSS Spotlight Menu
    By Pengman in forum CSS
    Replies: 2
    Last Post: 02-18-2013, 06:09 PM
  2. css spotlight menu help
    By ianhaney in forum CSS
    Replies: 3
    Last Post: 06-18-2012, 09:39 PM
  3. css spotlight menu help
    By ianhaney in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-27-2012, 06:54 PM
  4. Replies: 2
    Last Post: 08-30-2008, 04:00 AM
  5. Anylink Vertical Menu - 2nd menu item not showing mouseover links
    By Marva in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-20-2007, 08:11 PM

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
  •