Results 1 to 2 of 2

Thread: Spacing problem between menu buttons.

  1. #1
    Join Date
    May 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Spacing problem between menu buttons.

    Hello. Im putting a menu together and ran into a problem I cant seem to fix. Everything looks and works fine if you view it on IE8 but if I view it on IE7 there is a white space before every button that has a drop down menu. Even if I look at the sample on IE7 from this website it also has the spacing.Here is the link to the menu Im using. http://www.dynamicdrive.com/dynamici...enu-glossy.htm Can anyone help? Thank you.

  2. #2
    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

    Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread.

    If this is what I think it is, it's come up before and it's a bit of a bug in the IE 7 and less browsers.

    Add this:

    Code:
    <!--[if lt IE 8]>
    <style type="text/css">
    .menuitem {
    	display: inline-block;
    }
    </style>
    <![endif]-->
    Put it in the head of the page, right after the closing </style> tag for the glossy menu styles.

    Make sure to refresh the page and that you're not viewing a cached and/or older version.

    If you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - 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
  •