Menu Items not displaying correctly - DW CS4

This week, I had a trojan attack on my machine and I finally got it cleaned yesterday after a ton of work. DW CS4 is the only program that wouldn't launch for me after the cleaning. I re-installed Dreamweaver and now all of my menu's look like "menus/DWMenuFile" and "menus/DWMenuEdit" as described in this post:
http://forums.adobe.com/message/2030329#2030329
I tried the recommended solutions and deleted all of the "Configuration" folders in that directory and then restarted DW. The menus still look the same. Any other ideas on how to fix this?
Thanks in advance!

I thought of that.... If that were the case, then all of
Adobe's examples would not be very useful though. It appears to be
working now.... I made each Object a Bindable ValueObject
("MenuItem") with the specified properties. Not sure WHY it works,
but it works.
Thanks everyone.

Similar Messages

Horizontal Menu Bar - Not displaying correctly in Internet Explorer

My issues are occuring in Internet Explorer 8 and 7, haven't tested earlier versions.
I am currently using DW CS5, Spry 1.6.1
The website (not yet complete) is at www3.sympatico.ca/mitchell.richard/
The menu bar as viewed in Firefox is correct. In Internet Explorer the menu bar is left justified, hides visited links, and lists horizontal menu items in reverse order.
I work for a Women's Shelter in Canada, as the Information Systems Manager. We don't have the funds to hire someone to build a website and it was decided and I quote "You know computers, you can buld the website". I couldn't get them to understand the analogy that just because a Neurosurgeon can use a scalpel he isn't a Cardiothoracic Surgeon... needless to say, I am floudering on this menu bar. Any help would be greatly appreciated.
Below is the source for my menubar
CSS
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12pt;
    cursor: default;
    width: inherit;
    font: calibri;
    font-family: Calibri;
    font-weight: bold;
    background-color: #4F91CD;
    /* [disabled]height: 27px; */
    /* [disabled]border-bottom: 1px solid #A7C9E5; */
    /* [disabled]border-top: 1px solid #A7C9E5; */
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 6
.em;
    float: right;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #4F91CD;
    padding: 0.2em 0.75em;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #A7C9E5;
    border-top: 1px solid #A7C9E5;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #A7C9E5;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #A7C9E5;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    /* [disabled]background-image: url(SpryMenuBarDown.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    /* [disabled]background-image: url(SpryMenuBarRight.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    /* [disabled]background-image: url(SpryMenuBarDownHover.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    /* [disabled]background-image: url(SpryMenuBarRightHover.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal ifram=e
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
HTML
<tr>
    <td colspan="10" class="navbarrepeat"><ul id="navbar" class="MenuBarHorizontal">
      <li><a href="contact_us.html">Contact Us</a>        </li>
      <li><a href="helpful_links.html" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="helpful_links.html">Helpful Links</a></li>
          <li><a href="community_agencies.html">Community Agencies</a></li>
          <li><a href="of_interest.html">Of Interest</a></li>
</ul>
      </li>
      <li><a href="checklist.html" class="MenuBarItemSubmenu">Safety</a>
        <ul>
          <li><a href="safety_checklist.html">Safety Checklist</a></li>
          <li><a href="things_to_bring.html">Things to Bring</a></li>
          <li><a href="child_safety_plan.html">Child Safety Plan</a></li>
</ul>
      </li>
      <li><a href="signs.html" class="MenuBarItemSubmenu">Abuse</a>
        <ul>
          <li><a href="what_is_abuse.html">What is Abuse?</a></li>
          <li><a href="signs.html">Signs of Abuse</a></li>
          <li><a href="characteristics.html">Characteristics</a></li>
          <li><a href="why_women_stay.html">Why Women Stay</a></li>
          <li><a href="donate.html">Survivors Speak</a></li>
        </ul>
      </li>
      <li><a href="donate.html" class="MenuBarItemSubmenu">Support Us</a>
        <ul>
          <li><a href="donate.html">Donate</a></li>
          <li><a href="events.html">Events</a></li>
          <li><a href="volunteering.html">Volunteering</a></li>
          <li><a href="statistics.html">Statistics</a></li>
</ul>
      </li>
      <li><a href="join_us.html">Join Us</a>        </li>
      <li><a href="our_story.html" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="residential.html">Our Services</a></li>
          <li><a href="our_mission.html">Our Mission</a></li>
          <li><a href="our_story.html">Our Story</a></li>
          <li><a href="board_of_directors.html">Board of Directors</a></li>
        </ul>
      </li>
    </ul></td>
    <td><img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     position: relative;
     text-align: left;
     cursor: pointer;
     width: 6
.em;
     float: right;
The red coloured line causes your menu to be displayed the wrong way round in FF. IE shows the menu as you have listed it with Contact Us as the first item.
Advice:
change the float to left so that the listed items start on the left hand side
change the listed items in the order that you want them to appear.

Why would menu items not display?

I am trying to troubleshoot an issue a user is having with Bridge CS3. Several selections from his "Tools" menu have disappeard (not grey'd out, but actually missing). The one he's specifically looking for is the InDesign Contact Sheet command. He used to have them and now they are gone. I've compared my preferences with his and they are identical. He's running Tiger and I'm on Leopard.
Here's another odd thing. My version is 2.1.1.9 and his is 2.1.0.100. Yet when I run Software updates and the Adobe updater on his computer, it reports back that everything is up-to-date. Even though our versions are different, as well as a different OSs, this doesn't explain why he used to have it and no longer does.
Any thoughts?

The 2.1.1 update can be downloaded from here - http://www.adobe.com/support/downloads/detail.jsp?ftpID=3813
The InDesign menu item comes from a script loading at launch. You can look in the preferences> Startup Scripts and see if it is present but disabled.

Hover menu buttons not displaying correctly in Firefox

Hello,
I have a small problem with firefox. It does not seem to
display the images correctly. In firefox the buttons are pushed
down and you can only see part of the image. In IE6 and IE7 it is
displayed fine.
here is the URL so you can take a look at it:
Page
Does anyone know what the problem might be?

Just drop a zoom:100% style on the link, and IE will get it
right.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TC2112" <[email protected]> wrote in
message
news:fh2nt4$4u8$[email protected]..
> Hello,
>
> The problem is with IE, not Firefox.
> The content of your menu link tags is a clear gif image
that is the same
> height as the background images applied to the link tag
that change on
> mouseover.
> Even though it looks like you want it to in IE, IE is
actually rendering
> your
> code incorrectly.
> Firefox is rendering your code exactly as it should.
>
> Your background images are applied by CSS to the link,
not the image
> within.
> In standards compliant browsers like Firefox, the height
of link
> attributes
> such as background and border are determined by the font
size or line
> height
> that applies to that link, even if there is no text in
the link.
> As a test, you can add font-size:38px (the height of
your background
> images)
> to "table.menu" in your CSS and you'll see your entire
link background
> images
> in FF.
> IE incorrectly streches the link background to the
height of the image
> within
> within the link.
> IE does the same thing to borders if they are applied to
just the "a" tag
> and
> not to "a img" in the CSS.
>
> A quick fix:
>
> table.menu { width:186px; margin-top:6px;
> line-height: 38px; }
>
> A better fix and some great information:
>
>
>
>
http://projectseven.com/tutorials/css/uberlinks/index.htm
>
> and:
>
>
http://css.maxdesign.com.au/listamatic/
>
> Hope that helps,
>
> Take care,
> Tim
>

HTML tags in Hidden Item not displaying correctly

I have created a HTML Text Region which includes a Javascript function. The function references a Hidden Item also created and linked to the region. The Hidden item returns a text field from the database with concatenates multiple rows together into a single string with HTML tag -br- between each row.
The tags are not been recognised as HTML tags and is displayed :-
-br-Record 1-br-Record 2-br-Record 3-br-'
I want the page to display :-
Record 1
Record 2
Record 3
Any ideas?
Message was edited by:
pjturley
Message was edited by:
pjturley
Message was edited by:
pjturley

Hello,
Check to make sure you don't have those items set to escape html.
Past that are you sure your javascript is putting in the <br /> tags correctly? before you submit fire a alert that shows the value of the hidden item and make sure it's correct there.
Carl

Dynamic menu css not displaying correctly in https

Hello,
Need help! I'm trying to get my menu to display properly in https but no luck so far. (Chrome and IE) Please let me know if there is a solution. Thank you.
good menu look http://winxed.businesscatalyst.com/
bad menu look https://winxed.worldsecuresystems.com/events/eyelash-extension-extensive-class-houston

Just drop a zoom:100% style on the link, and IE will get it
right.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TC2112" <[email protected]> wrote in
message
news:fh2nt4$4u8$[email protected]..
> Hello,
>
> The problem is with IE, not Firefox.
> The content of your menu link tags is a clear gif image
that is the same
> height as the background images applied to the link tag
that change on
> mouseover.
> Even though it looks like you want it to in IE, IE is
actually rendering
> your
> code incorrectly.
> Firefox is rendering your code exactly as it should.
>
> Your background images are applied by CSS to the link,
not the image
> within.
> In standards compliant browsers like Firefox, the height
of link
> attributes
> such as background and border are determined by the font
size or line
> height
> that applies to that link, even if there is no text in
the link.
> As a test, you can add font-size:38px (the height of
your background
> images)
> to "table.menu" in your CSS and you'll see your entire
link background
> images
> in FF.
> IE incorrectly streches the link background to the
height of the image
> within
> within the link.
> IE does the same thing to borders if they are applied to
just the "a" tag
> and
> not to "a img" in the CSS.
>
> A quick fix:
>
> table.menu { width:186px; margin-top:6px;
> line-height: 38px; }
>
> A better fix and some great information:
>
>
>
>
http://projectseven.com/tutorials/css/uberlinks/index.htm
>
> and:
>
>
http://css.maxdesign.com.au/listamatic/
>
> Hope that helps,
>
> Take care,
> Tim
>

Menu Bar Not Displaying Correctly

Hi,
I am building a website locally and have developed the menu bar in Fireworks. When I preview the page in IE I get a strange strip running across the top of the bar, but it displays fine in Firefox. I have posted this in the Fireworks discussion without much luck, can anyone help?

Thanks for the response, but as mentioned I am still building the page locally, there is no URL yet so I can't post a link.
When I import the Fireworks HTML, the top line of code is:
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1001">
I wonder if the display field needs to be different?

Widget menu not displaying correctly

Hi,
I've created a web site and uploaded it to the FTP server to check it works OK and I've found the home page menu doesn't display correctly, but every other page is OK.
The drop down 'sub-menu' is getting clogged up in it's layout.
See here:
all the other pages display correctly and look like this:
Because the menu is generated by Muse as a widget, (I've just edited colours etc) why should 1 page display differently to the others?
I have this in the Master file, so I'm not making duplicate menus on each seperate page... the one widget serves all the pages.
Any ideas?
Thanks a lot.

If you have inserted the menu on the Master page, then ideally it should appear even and remain unselectable/uneditable on all of the content pages.
Does the menu appear distorted in Design mode for the homepage too or only when you preview in browser/after publish?
I believe you're using the "All Pages" menu type and by looking at the screenshots, it appears that the Products menu item is overlapping the Education menu item. Did you try making a copy or delete the menu and re-insert in Master page? Can you do a Select All on the Home page and check if you don't have an identical but mis-aligned manual menu overlapping the original menu?
If the problem persists, can you share a link to the website for us to have a look?
Thanks,
Vinayak

Twitter Bootstrap not displaying correctly in Live View in DW CS4

I am having a problem with Twitter Bootstrap templates not displaying correctly in Live View in Dreamweaver CS4. They look more correct with Live View turned off than on. When I turn Live View on, it looks as if it's not finding a style sheet or something, but they are all href'ed properly. Is there a way to fix this?

Hi kooshetty,
Did you preview the site in various browsers and check the display? You are using an older version of DW, and I am not sure if the Webkit engine supports bootstrap code.
Thanks,
Preran

Oops - spry menu bar 2.0 does not display correctly when loaded

Oops - obviously I'm new at this. I think I got my graphics loaded now.
Dear Sirs:
I notice bzz31 had a pretty complicated post, so perhaps someone can help me with my complicated problem that has been vexing me for months. I tried the Spry Menu Bar 1.0, but it was impossible for me to edit, and I was delighted to see Spry Menu Bar 2.0 come out. However the 2.0 version has been frustrating me as well.
I can get my menu bar to display properly in Live View, as shown below.
However when I load everything onto the server, the menu bar does not display correctly, as shown below:
I don't quite understand the code "file:///" but I interpret it to mean that the Spry-UI-1.7 folder is in the topmost folder of MacPro5-Docs, which is my hard drive. Here's the code I'm having trouble with:
Here's my computer directory, shown below:
Since my index file is two folders down from Spry-UI-1.7, I loaded the files onto the server similarly, as shown in the next three pictures:
(The picture below is the same as the one just above, but now you can see the path from index to Spry-UI-1.7.)
I would be most appreciative if someone can help me.
Thank you.

Have a look at the following links
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<link href="file:///MacProG5-Docs/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
Each of the above points to a file on your local system and cannot be found by the remote server.
Replace the red coloured parts with http://www.twhsbands.org/ will remedy the situation.
You also have some remnants of the other SpryMenuBar that should be removed from your markup.
Gramps
Wel, so much for the red coloured parts, they did not show up.
The red coloured parts read file:///MacProG5-Docs/

Spry Menu not displaying correctly in IE

Can someone take a look at the following link and tell me why
the spry menu isn't displaying correctly in IE?
http://www.cedarcrossings.com/dev
It's working fine in Safari, Firefox, Opera, Camino, etc.,
but for some reason the sub-menus won't drop below the headings in
IE.
Thanks in advance.

I had the same problem and finally just gave up on the Spry
menu and went with a license from Milonic.com.

Spry Menu Issues - Not functioning correctly in Microsoft IE

Hi there,
I am fairly new to web design and dreamweaver.
I have constructed a simple page that I am happy with complete with Spry Menu which again I am happy with. However this spry menu works perfectly in firefox but for some reason on IE my spry menu does not function correctly and goes all over my page!
CORRECT VERTICAL MENU - FIREFOX -
INCORRECT MENU FUNCTION! - IE -
See my CSS Code below for the spry menu in questions - if this helps -
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: inherit;
    font-size: 100%;
    cursor: default;
    width: 1000px;
    height: 47px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: medium;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 318px;
    float: left;
    height: auto;
    background-color: #000000;
    border: 2px solid #FFF;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: auto;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 318px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #bcbdb9;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #000;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inherit;
    f\loat: left;
    background: #FFF;
** I am also using Windows 8 and Dreamweaver CS6 If this helps.**
Any help with this would be fantastic as I need this to be resolved before the end of the week.
Any further information required please message me to find out.
Thanks,
Jamie

THE CONFLICT IS BETWEEN YOUR DOCUMENT CSS AND THE SPRY CSS.
It is because the <li> and <a> TAGS have been styled and therefore OVERRIDDEN THE SPRY CSS.
Use CLASS TAGS e.g. <li class="anyclass"> and <a class="anyclass">
and STOP USING THE <a> TAGS.
N.b. you may need to unstyle any <a> or other TAGS that conflict with the SPRY CSS. (However it's best to start over knowing that styling basic tags may affect the SPRY CSS).

Websites not displayed correctly

Hi,
since i updated to Safari 6.0.2, many websites are not displayed correctly anymore. instead of pictures i see a blue question mark, sometimes the whoe layout is a mess. this concerns multiple websites, alse like facebook or youtube. when i refresh, it mostly orks, so i think it´s not a plugin-issue
Curiously, also in Mail, some Emails are not displayed correctly.
Thank´s for any suggestions or ideas how to solve that.
Christoph

Please read this whole message before doing anything.
This procedure is a diagnostic test. It won’t solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
Third-party system modifications are a common cause of usability problems. By a “system modification,” I mean software that affects the operation of other software — potentially for the worse. The following procedure will help identify which such modifications you've installed. Don’t be alarmed by the complexity of these instructions — they’re easy to carry out and won’t change anything on your Mac.
These steps are to be taken while booted in “normal” mode, not in safe mode. If you’re now running in safe mode, reboot as usual before continuing.
Below are instructions to enter some UNIX shell commands. The commands are harmless, but they must be entered exactly as given in order to work. If you have doubts about the safety of the procedure suggested here, search this site for other discussions in which it’s been followed without any report of ill effects.
Some of the commands will line-wrap or scroll in your browser, but each one is really just a single line, all of which must be selected. You can accomplish this easily by triple-clicking anywhere in the line. The whole line will highlight, and you can then either copy or drag it. The headings “Step 1” and so on are not part of the commands.
Note: If you have more than one user account, Step 2 must be taken as an administrator. Ordinarily that would be the user created automatically when you booted the system for the first time. The other steps should be taken as the user who has the problem, if different. Most personal Macs have only one user, and in that case this paragraph doesn’t apply.
Launch the Terminal application in any of the following ways:
☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
☞ Open LaunchPad. Click Utilities, then Terminal in the icon grid.
When you launch Terminal, a text window will open with a line already in it, ending either in a dollar sign (“$”) or a percent sign (“%”). If you get the percent sign, enter “sh” and press return. You should then get a new line ending in a dollar sign.
Step 1
Copy or drag — do not type — the line below into the Terminal window, then press return:
kextstat -kl | awk '!/com\.apple/{printf "%s %s\n", $6, $7}'
Post the lines of output (if any) that appear below what you just entered (the text, please, not a screenshot.) You can omit the final line ending in “$”.
Step 2
Repeat with this line:
sudo launchctl list | sed 1d | awk '!/0x|com\.(apple|openssh|vix)|edu\.mit|org\.(amavis|apache|cups|isc|ntp|postfix|x)/{print $3}'
This time, you'll be prompted for your login password, which won't be displayed when you type it. You may get a one-time warning not to screw up. You don't need to post the warning.
Note: If you don’t have a login password, you’ll need to set one before taking this step. If that’s not possible, skip to the next step.
Step 3
launchctl list | sed 1d | awk '!/0x|com\.apple|edu\.mit|org\.(x|openbsd)/{print $3}'
Step 4
ls -1A /e*/mach* {,/}L*/{Ad,Compon,Ex,Fram,In,Keyb,La,Mail/Bu,P*P,Priv,Qu,Scripti,Servi,Spo,Sta}* L*/Fonts 2> /dev/null
Important: If you formerly synchronized with a MobileMe account, your me.com email address may appear in the output of the above command. If so, anonymize it before posting.
Step 5
osascript -e 'tell application "System Events" to get name of every login item' 2> /dev/null
Remember, steps 1-5 are all drag-and-drop or copy-and-paste, whichever you prefer — no typing, except your password. Also remember to post the output.
You can then quit Terminal.

Login action buttons no longer work and some pages not displaying correctly after upgrade.

After recent update, some web pages not displaying correctly and Login buttons on some sites do not work. I've updated my plugins and restarted computer, but problems remains. Is this Java, Javascript or something else? Same pages are working fine in IE.

Please update the firefox to the latest version of firefox 26
Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
<b> To Enable SafeMode </b>
*You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
[[Image:FirefoxSafeMode|width=520]]
''Once you get the pop-up, just select "'Start in Safe Mode"''
[[Image:Safe Mode Fx 15 - Win]]
If it works in Safe Mode and in normal mode with all extensions (Tools > Add-ons > Extensions) disabled then try to find which extension is causing it by enabling one extension at a time until the problem reappears.
Close and restart Firefox after each change via "Firefox > Exit" (Windows: Firefox/File > Exit; Mac: "Firefox > Quit Firefox"; Linux: "Firefox/File > Quit")
* https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Search box not displaying correctly in Safari

How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

Hi
Welcome to Apple Discussions
Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
Post back

Menu Items not displaying correctly - DW CS4

Similar Messages

Maybe you are looking for