Menu bar style Spry does not right in Internet Explorer

The site is www.tuckercompanies.com

On the index.html page, the horizontal navigation bar appears correctly in Firefox, but the rules do not seem to follow on IE. For example, the bottom of each button is white in IE, but not substantive for firefox. What is the cause that to happen, and how to fix it? Thank you!

Hello

Remove color from white background of the menu of the IE hack in css spry.

Change this:

/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is
to keep IE 5.0 analysis * /.
@media screen, projection
{
UL. MenuBarHorizontal li. MenuBarItemIE
{
display: inline;
f\loat: left;
Background: #FFF;
}
}

To do this:

/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is
to keep IE 5.0 analysis * /.
@media screen, projection
{
UL. MenuBarHorizontal li. MenuBarItemIE
{
display: inline;
f\loat: left;
}
}

Take care
Tim

"Tucker Companies" wrote in message
News:gentcn$gi5$1@forums. Macromedia.com...
> The Web site is www.tuckercompanies.com
>
> On the index.html page, the horizontal navigation bar renders correctly in
> Firefox.
> but the rules do not seem to follow on IE. For example, the
> background
> each button is white in IE, but not substantive for firefox. What is
> causing
> what happen and how to solve this problem? Thank you!
>

Tags: Dreamweaver

Similar Questions

  • menu bar horizontal Spry does not work properly in Internet Explorer

    Here is the link to my website: www.ees-energy.com

    Check it in IE, it does not work well. Works fine in Chrome and Firefox. Please let know hwo to fix this in Internet Explorer, because a lot of people still use IE

    Thank you

    Obaid

    Using IE Tester that worked for me in the 6 and 7.

    What problems are you seeing?

    Martin

  • Horizontal submenu Spry does not hide in Internet Explorer

    My submenus horizontal spry remain displayed in Internet Explorer. What I would do.
    I use vista with DW cs3.

    James

    See what has been changed, it's hard to say. A suggestion I can do without seeing the code must make sure that your Spry is up to date. To find your current version of Spry, review the sections file in the SpryAssets folder. At the top it will say "sections - version 0. # - Spry pre-release 1. #. # »

    If you are running version 0.6; Pre-release 1.6.1 so that you do not use the latest version. If this is the case manager on the site below which is the official website of Spry. You will find a link to the official forums of Spry and Spry update package. Inside this package is a bunch of samples, demos and an Extension. Install the extension, and then restart DW. Once restarted, under the Sites menu, you will see a new option to update Spry. Click on this and your Spry will be updated to the latest version.

    If you're still having problems after doing this, you'll need to be a link to your page or the code of your page so that we can see what you have changed the Spry script.

  • Horizontal menu does not work in Internet Explorer.

    I have a site that I created using CS3. The horizontal navigation bar does not work in internet explore. I tried a few things and tried to look at others. I can't make it work. I'm starting to think I need to do it again. Can someone please take a look?

    http://www.millnerheritage.com

    This is only the second site, I did it, so please be nice.

    Thank you

    LTimmers

    There is something strange going on.

    When I look at this

    the links go back a folder/directory, and yet they are called from the root directory. I have a slight suspicion that you have two sections, one that has changed and the other has not been changed.

    You worry about the addition of the style ul rule. MenuBarHorizontal {width: auto ;} } to your existing as per document

    ..............

    a: active {}
    text-decoration: none;
    }
    {.style10}
    font size: large;
    make-weight: bold;
    make-style: italic;
    }
    .style11 {size are: small}

    UL. MenuBarHorizontal {width: auto ;}}


    ............

    See what's happening.

    GRAMPS

  • Styles does not appear in Internet Explorer (in dreamweaver preview)

    Styles does not appear in Internet Explorer (in the preview of dreamweaver) Please help with it

    03.08.2016 - 06.26.39 - library of Ilkhom

    Displaying a link to a screenshot is useless. The problem lies in your HTML / CSS. Without seeing the code, no one may provide assistance. Post the URL of your website here so someone can take a look to try to work on the problem. Also mention which version of IE the cause of the problem.

    If you use elements HTML5, IE 8 and earlier do not support HTML5 style it without the html5 shiv.

  • Site of muse does not work in Internet Explorer

    Please help. My site bjh.dadeschools.net does not work in Internet Explorer. It works with all other browsers but not IE. Please help with this question.

    No, just to take one or the other. I used the one that ends in IE = 10 and it worked for me, but when I have a few minutes, I'll try to use IE = Edge because I think it's the best way to go. But yes, you need to add it to each affected page unless there is a way that you can add it so that it applies to all the pages... I'm not familiar with the Muse enough to say if this is possible, flippant.

    But go ahead and test it like this...

    1. go to your homepage.

    2. click on Page in the menu bar.

    3. Select the Properties Page.

    4. go to the metadata tab.

    5. in the HTML code forsection, paste the following code:

    Save that and try to republish and test this homepage you have applied that change and see if it works now. If so, then go ahead and apply it on your other pages or try and find if there is a way to implement the HTML code forcode to all your pages (maybe a master page or something.) Let me know if it works for you or if you have any questions.

  • definition of Google toolbar does not work with internet explore in the ultimate edition of Windows 7

    Hi my toolbare google translate does not work in internet explorer 8 in windows 7

    Hello

    ·         What happens when you try to use the toolbar to translate?

    I suggest you to try disabling and activation of the Google toolbar translation and check if it works:

    (a) open internet explore

    (b) click on tools and select internet options

    tab c open programs) and click on Manage Add-ons

    (d) right click on the toolbar and try to disable and enable it.

    For help using the Google toolbar, visit

     http://www.Google.com/support/toolbar/

    Warning: Using third-party software, including hardware drivers can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

    Hope this helps,

  • Silverlight does not work in Internet Explorer 8, when I try to install it, it says the application is already installed.

    What can I do to fix this?

    Silverlight does not work in Internet Explorer 8, when I try to install it it says, the application is already installed, but it does not appear in the Add/Remove Programs dialog box. What can I do to fix this?

    Thank you for your help

    JH

    I was able to install it, I downloaded again the installation of Silverlight and it took.

    Thanks for your help

    JH

  • New updates of Windows since 06/11/12 is originally Vista does not connect to Internet Explorer

    I have a desktop with Vista CAREB.  It has always worked well until about June 11, 2012.  Now it does not connect to Internet Explorer. It says it is connected to the internet and that has been verified by our server.  Tried everything and eventually restored it and no problem.  Then the next day, same thing and restored.  Next day same thing so I disabled all updates and no problem.  What new update windows made in the last few days which is the cause and what can I do?

    Thank you

    Hi Judy,.

    We cannot verify that Windows Update is causing the problem, I suggest to install the Windows updates one by one and make sure that Windows Update is causing the problem.

    Windows Update

  • Babylon 8 does not work with Internet Explorer 9.

    original title: in the IE 9 Windows 7 Babylon 8 does not work

    Office 2010

    I set click the middle button to Babylon 8 execution.

    IE 9 Babylon is not running (I've changed also access keys - no matter)

    Is working properly in Outlook 2010, Word 2010 and Excel 2010

    Hi Arkady_50,

    Thanks for posting the question in the Microsoft Community!

    According to the description, it looks like the Babylon 8 does not work with Internet Explorer 9. However, we need for more information on this issue to provide better assistance. Please help me to answer these questions.

    (1) are you referring to the Babylon translation software?

    (2) you get an error message?

    If you run Babylon 8 on your computer, you can consider installing the latest version of Babylon 9.

    http://www.Babylon.com/

    If the problem persists, visit this link to contact Babylon.

    http://support.Babylon.com/

    Hope this information helps. If you have questions to answer Windows only and we will be happy to help.

  • Lov POPUP Oracle does not appear in Internet Explorer (since APEX 5 upgrade)

    The Lov POPUP does not work in Internet Explorer since the upgrade to 5 APEX.

    I noticed inspecting the modal window that has the css for HTML, the hidden visibility value.

    oracle_popuplov.PNG

    I can manually turn off what it works as expected. I tried to put CSS in the page 0 to force the visibility, but it doesn't seem to work because I think the modal charges in a separate instance, away from the clutches of page 0 .

    Any help would be appreciated.

    Thank you

    Neil

    Looks like it was down to styling questions... using the standard theme is ok, so ill just have to work out what went wrong... Thanks for the reply.

  • Image does not appear in Internet Explorer, but displayed in Firefox

    Hi all

    I have an image in my page in the header section.
    The problem is that the image is displayed in Firefox but does not appear in Internet Explorer.

    Thanks in advance.

    Best regards

    Arif Khadas

    Request Express 4.0.1.00.03

    Published by: Arif Khadas, February 13, 2011 14:29

    Hello

    Try

    BUSINESS SCHOOL

    You don't miss > after a href tag

    Kind regards
    Jari

  • Transition CSS does not work in Internet Explorer

    I only tested in Firefox and IE, and for some reason any the legend that is supposed to slide comes automatically appears in Internet Explorer. You can find an example here http://css-tricks.com/examples/SlideinCaptions/. I've modified it a bit more, try to make friendly browser but I still can not work in Internet Explorer. Any help would be really appreciated here, thank you! I have bolded the parts I am having trouble with. Here is my code:

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"

    < link rel = "stylesheet" href = "style.css" type = "text/css" / > "

    < script type = "text/javascript" src = "javascript.js" > < / script >

    < script >

    NUM = Math.floor (Math.Random () * 3);

    If (num == 1) {}

    image = "bg1.png";

    }

    If (num == 2) {}

    image = "bg2.png";

    }

    < /script >

    < title > embroidery by CJ < /title >

    < / head >

    < onload = "MM_preloadImages('contact1.png','about1.png','producst1.png','index1.png') body, document.body.background = image" >

    < div class = "header" >

    < div class = 'wrapper' >

    < div class = "logo" >

    < img src = "logo.png" width = "438" height = "56" alt = "Embroidery by CJ" / > "

    < / div >

    < div class = "nav" >

    < div class = "link4" >

    < center >

    "< a href ="contact.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Contact',", 'contact1.png', 1) "> < img src =" contact.png "alt ="Contact"name = 'Contact' width = height"73"="15"border ="0"id ="Contact"/ > < /a >

    < /Center >

    < / div >

    < div class = "link3" >

    < center >

    "< a href ="about.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('About',", 'about1.png', 1) "> < img src =" about.png "alt ="About"name = 'About' width ="56"height ="16"border ="0"id ="About"/ > < /a >

    < /Center >

    < / div >

    < div class = "link2" >

    < center >

    "< a href ="products.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Products',", 'producst1.png', 1) "> < img src =" products.png "alt = 'Products' name = 'Products' width ="83"height ="20"border ="0"id ="Products"/ > < /a >

    < /Center >

    < / div >

    < div class = "link1" >

    < center >

    "< a href ="index.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Home'", 'index1.png', 1) "> < img src =" index.png ' alt = 'Home' name = 'Home' width = "54" height = "16" border = "0" id = "Home" / > < /a >

    < /Center >

    < / div >

    < / div >

    < / div >

    < / div >

    < br / > < br / >

    < div class = "container" >

    < div class = "sidebar" >

    Menu < h4 > < / h4 > < hr / >

    < a href = "babies.html" class = "linkmain" > babies < /a > < br / > "

    < a href = "bibs.html" class = "linksecondary" > bibs < /a > < br / > "

    < a href = "blankets.html" class = "linksecondary" > covers < /a > < br / > "

    < a href = "rot - cloths.html" class = "linksecondary" > bibs < /a > < br / >

    < a href = "onesies.html" class = "linksecondary" > Bodies < /a > < br / > < br / > "

    < a href = "bathroom.html" class = "linkmain" > bathroom < /a > < br / > "

    < a href = ' WC - paper.html "class ="linksecondary"> paper toilet < /a > < br / >

    < a href = "soaps.html" class = "linksecondary" > SOAP < /a > < br / > < br / > "

    < a href = "hats.html" class = "linkmain" > hats < /a > < br / > "

    < a href = "womens - hats.html" class = "linksecondary" > hats women < /a > < br / >

    < a href = "baseball - caps.html" class = "linksecondary" > Baseball caps < /a > < br / > < br / >

    < a href = "kitchen.html" class = "linkmain" > kitchen < /a > < br / > "

    < a href = "aprons.html" class = "linksecondary" > aprons < /a > < br / > "

    < a href = "napkins.html" class = "linksecondary" > towels < /a > < br / > < br / > "

    < div class = "currentmain" > towels < / div >

    < a href = "golf.html' class ="linksecondary"> Golf < /a > < br / >"

    < a href = 'Cook - towels.html' class = "linksecondary" > kitchen < /a > < br / > < br / >

    < a href = "weddings.html" class = "linkmain" > weddings < /a > < br / > "

    < a href = "bottle - cozys.html" class = "linksecondary" > bottle comfortable < /a > < br / >

    < a href = "t-shirts.html" class = "linksecondary" > T-Shirts < /a > < br / >

    < a href = "lace - gloves.html" class = "linksecondary" > Lace Gloves < /a > < br / >

    < a href = "lace - hankies.html" class = "linksecondary" > handkerchiefs lace < /a > < / div >

    < div class = 'hand' >

    < div class = "productleft" >

    < center >

    < class figure 'cap-right' = >

    < img src = "img.png" alt ="" > "

    < figcaption > kitchen towel with apples embroidered. < / figcaption >

    < / figure >

    < /Center >

    < / div >

    < div class = "productright" >

    < center >

    < figure class = "heading on the right" > < a href = 'Cook - towels.html' > < img src = "kitchentowelsapplesthumb.jpg" alt ="" > < / a > "

    < figcaption > kitchen towel with apples embroidered. < / figcaption >

    < / figure >

    < /Center >

    < / div >

    < br class = "clearfloat" / > < br / > < br / > < br / >

    < / div >

    < div class = "ad" >

    < p > < /p > < br / >

    < / div >

    < / div >

    < / body >

    < / html >

    And style.css:

    @charset "utf-8";

    / * CSS document * /.

    HTML, body {}

    height: 1195px;

    margin: 0;

    padding: 0;

    background-color: #F0F0E3;

    background-repeat: no-repeat;

    }

    H4 {}

    color: #2FBBFF;

    }

    {.clearfloat}

    Clear: both;

    }

    / * Header * /.

    . Header {}

    height: 110px;

    background-image: url (bg.png);

    background-repeat: repeat-x;

    -webkit-box-shadow: 0px 10px 1px #1E1E1E;

    -moz-box-shadow: 0px 10px 1px #1E1E1E;

    -ms-box-shadow: 0px 10px 1px #1E1E1E;

    -o-box-shadow: 0px 10px 1px #1E1E1E;

    box-shadow: 0px 10px 1px #1E1E1E;

    }

    {.linkmain}

    color: #1E1E1E;

    text-decoration: underline;

    }

    {.linksecondary}

    color: #666;

    text-decoration: underline;

    }

    {.linkmain:hover}

    color: #2FBBFF;

    text-decoration: none;

    }

    {.linksecondary:hover}

    color: #8AD9FF;

    text-decoration: none;

    }

    {.currentmain}

    color: #2FBBFF;

    }

    {.currentsecondary}

    color: #8Ad9FF;

    }

    . Wrapper {}

    Width: 960px;

    margin: 0 auto;

    }

    .logo {}

    float: left;

    Width: 438px;

    margin: 34px 0 0 0;

    }

    . NAV {}

    float: right;

    Width: 510px;

    margin: 70px 0 0 0;

    }

    {.link1}

    Width: 25%;

    }

    {.link2}

    float: right;

    Width: 25%;

    }

    {.link3}

    float: right;

    Width: 25%;

    }

    {.link4}

    float: right;

    Width: 25%;

    }

    / * Container * /.

    . Container {}

    Width: 960px;

    margin: auto;

    margin-top: 10px;

    }

    / * Buffer * /.

    . Sidebar {}

    height: 738px;

    Width: 17.5%;

    float: left;

    text-align: right;

    background - image: URL (transparent1.png);

    }

    / * Main * /.

    .main {}

    height: 675px;

    Width: 624px;

    float: left;

    Padding: 0px 0px 0px 63px;

    background-color: #FBFBF7;

    }

    .title {}

    color: #1E1E1E;

    }

    {} .description

    color: #666;

    }

    . Row {}

    Width: 100%;

    }

    {.productleft}

    Width: 50%;

    float: left;

    }

    {.productright}

    Width: 50%;

    float: right;

    }

    Figure img {}

    Width: 300px;

    display: block;

    }

    Figure {}

    display: block;

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0 20px 20px 0;

    }

    figcaption {}

    position: absolute;

    background: rgba (0,0,0,0.75);

    color: white;

    padding: 20px 10px;

    opacity: 0;

    -webkit-transition: all s 0.6 facilitated;

    -moz-transition: all s 0.6 facilitated;

    -ms-transition: all s 0.6 facilitated;

    -o - transition: all s 0.6 facilitated;

    transition: all s 0.6 facilitated;

    }

    Figure: hover {} figcaption

    opacity: 1;

    }

    Figure: before {}

    content: 'paper towel ';

    position: absolute;

    color: white;

    opacity: 0.75;

    -webkit-transition: all s 0.6 facilitated;

    -moz-transition: all s 0.6 facilitated;

    -ms-transition: all s 0.6 facilitated;

    -o - transition: all s 0.6 facilitated;

    transition: all s 0.6 facilitated;

    }

    Figure: hover: before {}

    opacity: 0;

    }

    .Cap-law: before {}

    Bottom: 10px;

    right: 10px;

    }

    figcaption .cap-right {}

    bottom: 0;

    right: 30%;

    }

    .Cap-right: hover {} figcaption

    right: 0;

    }

    / * Ad * /

    .ad {}

    Width: 144px;

    float: right;

    background-color: #FFF;

    }

    Hi John

    IE10 even if he plays "catch up" on some features he surpassed all other browsers when it comes to typography, see - http://blogs.msdn.com/b/ie/archive/2012/01/09/css-corner-using-the-whole-font.aspx

    hix77-

    You could get the same effect by using a transformation matrix of IE in IE8 and below, (but I would not recommend this). The other possibility is to use a transform of IE9 with the content property property (this property css insert text in the document) that way when you hover over the image that 'extra' text is inserted. But this is not a gradual slide in as the property of transition is needed for this.

    The other alternative is to use slide-in jQuery plugin.

    (I'll cause a disagreement now, then you have been warned!) -

    IE8 is now on a decline in its use for private users, so if you're not targeting companies or professional users, don't worry about this browser too. Also IE introduced an automatic upgrade of the browser in its system of regular updates, (auto updates) users not on XP will have the most recent version of Internet Explorer installed for their system, (currently in Australasia, other regions in the fall of this year).

    XP will be IE8, (using xp down at approximately 2% per month, currently 34 percent of the total, (Microsofts digits not mine)) Vista will be IE9, Windows 7/8 will be IE10, but illegal copies of windows are not these or other updates.

    PZ

  • Why a menu bar background box does not appear with the menu bar?

    I'm developing a site that includes a menu bar, which looks good after download - on a black background full width - which does not appear. When I view the site in the browser before you download everything right but when I download the site BC, the black box is visible as a small bar at the top. He was fine until the last day or two, when I upgraded to Muse. A picture showing the two versions is attached. Upper half is in British Colombia, the bottom of my browser. Any ideas? I'm displaying in Safari on a Mac and it can be consulted on the method

    method.jpg

    Hi Paul,.

    If the elements that do not correctly appear on the master page, then please refer to this post: Re: new version of Muse certainly screwed things up

    Kind regards

    Akshay

  • Captivate 8: no menu bar, classic Reset does not work

    Hello

    I installed Mac Captivate 8 today and it's a total mess. There is no menu bar and all functional windows crashed in the upper left corner here a screenshot:

    captivate8_092914.png

    Select Reset "Classic" does absolutely nothing. In addition, if I go to preferences and check Enable custom workspaces, click OK and restart Captivate he forgets this setting.

    I tried unistalling Captivate 7, deleting old plist files, and restart, but which did not help either. I never had problems with Captivate 7. (I'm running OS X 10.9.4).)

    Woo hoo! I answered my own question. In my Applications folder, I went to Adobe Captivate 8 > Utils > CleanPreferencesMac and it ran. It works fine now. Mods, please so fee free to close this message. (It would be a useful FAQ, however.)

Maybe you are looking for

  • iPad 3 will not connect to iPhone 6 personal hotspot

    iPad3 (IOS 9.3.5) does not connect to my Wi - Fi company. My iPhone 6 (same IOS) connects to it (?) The iPad has also a very difficult time, connecting to the Hotspot staff Bluetooth on the iPhone. I tried to close down, as well, by resetting the net

  • can not turn on icloud drive on Mac

    I'm turning in icloud drive on my devices. He succeeded on my PC and iPhone (photo below showing all my folders sync to the iphone). but the icloud drive folder will not be displayed only on my mac (see pictures for more details). What can I do?

  • My problem is my shame to microsoft netbook license sticker.

    My netbook series no Z9H293LS200593Z my problem is my license microsoft netbook label damage. so I can not find product key number there .please sir I have to reinstall windows xp so please help me find the product number.

  • My hp will not go past the blue screen

    I tried everything I can think of. Safe mode Restore and system recovery Cleaning system nothing will make me past the blue screen Model number G62-244 Please help me!

  • HP 2159 m Monitor

    I have two HP 2159 m monitor. Somehow my second monitor became an analog monitor in its settings and I don't know how about hidden it back to a HP 2159 m in the settings. I clicked on the monitor, set it as a monitor of 2159 m HP, but it reverts to a