Problem of Menu Vertical SPRY (IE Hack?)

Similar Questions

• Menu Vertical Spry, Firefox, Focus Indication problem

  Hi all
  
  I use Dreamweaver CS4 to create a portfolio for my work site and ran into a problem when my Menu from Navigation Vertical Spry out testing in Firefox.
  
  If I click on a navigation item a red dotted border appears all about the element and ruins / the appearance of the site. Here a link to the problem (problem occurs by clicking, not only hovering).
  
  The little image icon 'lock' I like the last item in the menu has strangely affected summer as well. Who seems to have not only the red dotted border, but a black frame around the image. I'm not sure of what could be the cause, but it may be unrelated to the red dotted border. You can put pictures in a Spry Menu?
  
  I did some research here and this could be caused by problems with discussion tab keyboard with Firefox? It works fine in Safari and I have not yet tested under IE. I'm really new to this and hope someone here can help me. Thank you in advance!
  
  PS - If you can get detailed instructions would be a real help. I'm new on this and have basic skills CSS/HTML and no knowledge in Javascript at all.
  
  Sincerely,
  
  -Nick Breslow

  nbreslow wrote:
  > Hi all,
  >
  > I use Dreamweaver CS4 to create a portfolio for my work site and ran into
  > a problem during the test of my Navigation Vertical Spry out in Firefox Menu.
  >
  > If I click on a navigation item a red dotted border appears around the
  > element and ruins / the appearance of the site.
  > http://www.nicholasbreslow.com/sample1/ is a link to the problem (problem
  (> occurs by clicking on, not just hover).

  For me in Firefox 3, it occurs when you move your menu items.

  >
  > The little image icon 'lock' I have as the last item in the menu has been
  > strangely affected as well. That seems to have not only the dotted red box
  > but a black frame around the image. I'm not sure of what could be the cause
  > but it could be unrelated to the red dotted border. You can put images in a
  > Spry menu?

  What you see is a function of accessibility called a preview and is present to provide guidance on where they run when they tab around the page in people who use their keyboards. Removing it will remove any benefit those users and will make your page less accessible. You should be able to remove it by setting the property of outline of your menu to outline items: No. Using something similar to the following in your CSS:
  UL. MenuBarVertical a {outline: none ;}}

  Images when there is associated by default have a border around them, you can disable that line in specifically defining border against zero is directly on the tag img border = '0' or in the style of the journal:
  UL. MenuBarVertical an img {border: none ;}}

  > PS - If you are detailed instructions would be a real help. I'm new on this
  > and have basic skills CSS/HTML and no knowledge in Javascript at all.

  In addition, you should ask Spry in the Spry forum related issues:
  http://www.Adobe.com/cfusion/webforums/Forum/categories.cfm?forumid=72&CATID=602

  --
  Danilo Micen
  | http://blog.Extensioneering.com/
  | Extensioneer WebAssist
  | Adobe Community Expert

• How get rid of the line tight to the left side of a menu vertical spry?

  Hello

  I created a bar of menus vertical spry. Everything works but there is a line like this [around the left side of the menu. Does anyone know how to get rid of this?

  Thank you!

  Line 73 in your Spry css calls for a border

  UL. MenuBarVertical a {}

      border : 1px solid #ccc;

  }

  Delete the rule or replace the #fff #ccc

• Menu vertical Spry - can't get drop downs to work

  Hello

  I feel like a "retarded", but I can't get down to work at all.

  , I created a new page and insert a spry menu bar and the drop downs do not work. (They leave when you hover over them). http://www.mogulmarketing.com/test.asp

  At a customer site, I did a bit of style, which worked fine, but now the downs show drop all the time. What should I change in the CSS?

  http://67.199.64.241/indexspry.asp

  I want this site to be accessible; I'd love to work. The site is classic ASP / javascript.

  Thank you very much!!!

  Here's the SpryMenuBarVertical.css:

  @charset "UTF-8";

  / * SpryMenuBarVertical.css - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, a box of width fixed without margin or padding * /.
  UL. MenuBarVertical
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  cursor: default;
  Width: 14em;
  }
  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */
  UL. MenuBarActive
  {
  z-index: 1000;
  }
  / * Menu item containers, position the children relative to this container and are the same fixed width parent * /.
  UL. MenuBarVertical li
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  Width: 14em;
  }
  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
  UL. MenuBarVertical ul
  {
  margin: 0 0 0 100%;
  list-style-type: none;
  do-size: 100%;
  position: absolute;
  z index: 1020;
  cursor: default;
  Width: 14.2em;
  / * left:-1000em; */
  top: 0;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
  UL. MenuBarVertical ul. MenuBarSubmenuVisible
  {
  left: 0;
  }
  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarVertical ul li
  {
  Width: 14.2em;
  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Outermost menu container has borders on all sides * /.
  UL. MenuBarVertical
  {
  border: 1px solid #CCC;
  }
  / * Submenu containers have borders on all sides * /.
  UL. MenuBarVertical ul
  {
  border: 1px solid #CCC;
  }
  UL. MenuBarVertical a
  {
  display: block;
  cursor: pointer;
  background-color: #4e2029;
  Padding: 0.5em 0.75em;
  color: #fff;
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  border-bottom-width: thin;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarVertical a: hover, ul. MenuBarVertical a: focus
  {
  background-color: #d5647c;
  color: #FFF;
  }
  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
  UL. MenuBarVertical a.MenuBarItemHover, ul. MenuBarVertical a.MenuBarItemSubmenuHover, ul. MenuBarVertical a.MenuBarSubmenuVisible
  {
  background-color: #d5647c;
  color: #FFF;
  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarVertical a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
  UL. MenuBarVertical a.MenuBarItemSubmenuHover
  {
  background-image: url (SpryMenuBarRightHover.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarVertical iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }
  / * 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. MenuBarVertical li. MenuBarItemIE
  {
  display: inline;
  f\loat: left;
  Background: #FFF;
  }
  }

  I always keep my details open when "set files" because I work with the radio, most of the time. If something is not successfully to the server you will see first there.

  I'm glad that you have built it.

• How can I make the menu vertical spry clickable CS6 for mobile devices?

  It works very well for the PC, but on mobile devices you must press a link, then the other. Then go back and click on the first link to get the secondary menu appear or work. I know he's a scoring event in the JS file, but don't see anything that could trigger an event click or tap. I'd love it if someone could point me in the right direction, because I'm doing my old site more mobile friendly.

  Spry is dead.  Adobe abandons Spry in 2012.  Nobody uses it more because it's not touch friendly.  Find a better system of menu - jQuery & CSS.

  Nancy O.

• Vertical Spry Menu hiding behind content

  Hello

  I'm having a problem with my menu vertical spry.  I have a 3 column liquid and I put my spry menu is the far left column.  There are 2 submenus (so it should appear as a 3 column our menu fly).  The problem is that when the submenus to fly out, they are hidden behind the middle section fo the Web page column.

  I did not continue listing all the sub menu items as when I did for the first section, it has not worked.  A part of the fly of level 3 in East...

  • Adoption
    • Adoption in Queensland: stepparent Adoption
      • Step-Parent Adoption explained
      • Family Obtaiing court approval to open an Adoption procedure
    • Alternatives of step-Parent Adoption
  • Problems of children & parents

  You can see it at:

  http://www.diyfamilylawaustralia.com/default.html

  http://www.diyfamilylawaustralia.com/screen.CSS

  http://www.diyfamilylawaustralia.com/SpryAssets/SpryMenuBar.js

  http://www.diyfamilylawaustralia.com/SpryAssets/SpryMenuBarVertical.CSS

  Hoping someone can help me!

  See you soon

  Michelle

  Hi again,

  I solved my problem...

  I had in my css for the left column before it takes:

  overflow: visible;

  The overflow was hidden was causing the problem.

  Thank you all.

  See you soon

  Michelle

• "Menu bar Spry" expanding box problem.

  Hello

  I wonder if anyone knows how to solve a 'expansion bar problem', associated with vertical menus bar spry.

  This problem occurs especially in Internet Explorer 10 and 11. All texts and images on the right of the menu spray are projected down to below the lower menu bar.

  The page is displayed in Firefox and Google Chrome 100%-125%, but the same thing would happen if I Zoom in more than 125%.

  The only potential incompatibility problem by Dreamweaver is the "expand the bar problem.

  Thanks in advance!

  Hello Ben,

  Thanks a lot for your suggestions.

  It seems that the problem had nothing to do with a "expanding box problem.

  I managed to solve the problem by introducing

  Michael

• Vertical menu bar Spry works only in Internet Explorer

  I have a simple (I think) menu bar vertical Spry in my site that works fine in all browsers except - you guessed Internet Explorer.  One of the sub-items moves just above a menu item main when he earned the favor (it's a real verb LOL); so, you can't really even click on that element of particular main menu...  Here is the website: www.meridianwaterfiltration.com

  Any help would be appreicated!

  Add/Edit the following

  UL. MenuBarVertical a {}

  Width: 10em;

  }

  GRAMPS

• Spry Menu problem: no menu style on mobile devices

  I created a simple menu horizontal spry, with sub menu for a site using a fluid design.

  When looked at in the preview of the multiplayer mode, everything looks fine, however if I load a page and check the menu on a smart phone (Nokia), or an Ipad or Kindle is not displayed but is repaced with a liswt of the menu of options with bullets near the entrance.

  What I am doing wrong?

  Sorry to say, Spry menus do not work on handheld devices.

  You need to move your menu systems to a

  HTML/CSS menu or perhaps of JQuery. See some examples here:

  http://Apycom.com/

• Help Menu DreamWeaver Spry

  Ok! So im pretty good with Adobe DreamWeaver and have no problem, create or edit a Spry Menu. My question is how to change a Spry Menu so that I can add or remove topics on several pages, without having to individually edit each page.
  
  I try to have a site of more than 500 Pages and I want a menu bar Spry who can be changed once, but change the drop down options for all 500 + pages that. I want to frequently update the Spry Menu.
  
  If anyone has an idea how to do this, please let me know, I searched google all day, without success.
  
  Thank you

  You must use a SSI (Server Side includes)

  The idea is to create a single file (containing all the coding of spry menu) and then through the side Server include the spry menu coding is inserted in all the pages that you apply.

  When you come to update the menu you have to edit a single file and upload to your server instead of 500 pages.

  Google "server side includes".

• Kalonline-works until I get the anti-piracy icon so stop saying: there is a problem with the function of anti-hacking

  I play kalonline (RPG game), when to start the game it works up until I get the anti-piracy icon so stop saying: there is a problem with the function of anti-hacking. the program stops. I am the admin of it say kal computer run it in administrator mode and I did and I delete and reinstall the game. Solve the problem in win 7 by a right click and run as administrator, they wanted to work in win xp it all fits on how to solve this problem. These are the things, I was told to do to fix it.
  Hello

  It comes to KalOnline.

  Your error message can be corrected by following these steps:

  1. run KalOnline in Administrator Mode.

  2 uninstall KalOnline d_lete the entire Inixsoft folder, then reinstall the game.
  I did it and and it has not worked. then I was told that this was causing the problem

  Please check your computer system.

  This problem has occurred by a kind of problem of piracy.

  And if you have used a kind of memory-editing program, it could be happen too.

  So if your receipt similar to, then please remove it.
  I have none of these things on my computer. All I know is that people who have not updated windows xp can play the game and people who win 7 can play the game if they right click icon and run as administrator, that I still say side here but no way to prove it.

  Hello

  I suggest you to get in touch with the manufacturer of games and see if there are any other fix for this problem.

• I have a problem with CSS vertical align. Help!

  This could be an easy fix, I don't know... but I've been customized style BC Photo Gallery and lightbox on this site that I'm doing for a photographer and I got a problem with the vertical alignment.

  I created my own .css document to replace styles Viewer by default in British Colombia, and now all I'm left with tries to Center vertically the lightbox image. I googled some methods and tried, but had no luck...

  http://michaellaphotography.BusinessCatalyst.com/Gallery-pages/weddings

  Check out the link, and when you click on any thumbnail, you'll see what I mean.

  I know I can't use filling methods, because I work with pictures in portrait and landscape.

  Thanks for your help!

  The light therapy device you use made for the creation of a larger full size of the image.  As a general rule, if you have a portrait image that is larger that the screen of the user enough scroll a little more.

  If you temporarily remove the CSS for "img #lightbox" on line 20 of myStyles.css you'll see how lightbox works in native mode. This should be good since the user wants to zoom and see a bigger picture when they click on it and it will be as big as possible on their screen.

  Once you see what I mean with the changes, I can tell you how to make sure the portrait images do not expand to full height and beyond the viewport. Rather than delete the CSS "img #lightbox" statement like I said before, this time change for:

  #lightbox img {}

  Width: auto;

  height: 100%;

  }

  This will ensure the images in the light therapy device take 100% of the height of the lightbox container and the width dimensionnera automatically to keep the proportion of the image. Landscape photos will be large and landscape photos will not be larger than the viewport.

• Menu accordion spry link does not

  I built a menu accordion spry using Dreamweaver CS5. I noticed that the menu accordion navigation labels cannot be linked to pages. See the Overview of link in the menu accordion and notice that it doesn't not goes not to "overview.html" I added in the code. What I am doing wrong?

  Thank you. Any help is greatly appreciated.

  I see this in your css spry file - you could try to remove the two entrances to the user to select

  * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */.AccordionPanelTab {     background-color: #FFF;     border-bottom: dotted .5pt gray;     margin: 0px;     padding: 6px;     cursor: pointer;     -moz-user-select: none;     -khtml-user-select: none;     font-family: Georgia, "Times New Roman", Times, serif;     font-size: 9pt;     background-image: url(../images/mykcurve_expand.gif);     background-position: right;     background-repeat: no-repeat;
  

• Need to change the menu bar Spry for a right-to-left language

  Hello

  I am trying to create a menu bar Spry with submenus for a language from right to left.  This means that I need to the menu bar appear on the right side of the screen, having the submenus pop up to the left of their parent buttons and the little arrows that appear on the parent point left buttons (instead of the right as is the default behavior).  I discovered how to get the menus pop up to the left of their parents and you can manage to get the menu on the right side of the screen, I think.  However, I am having a hard time finding how to get small arrows on the left.  Can someone help me with this?

  I use DW CS3 on Windows XP and test with IE and Firefox.

  Web site can be found at: http://www.pogostick.NET/~Shahaf/test2

  In the document css SpryMenuBar, 3rd section for Indication of submenu.  You'll see a few GIFs with a substantive position.  It is the image of the arrow.  Simply change the position and you are good to go.

• menu height Spry in IE no right

  Hello
  
  Anyone who knows why the menu horizontal spry is ok in safari ff on mac and win. But in ie it shows
  a margin... or should I update to 1.6, but what happens then?
  
  Thanx
  
  Pascal

  url: http://www.clownfish.nl/klanten/groen_def/groen.html

  (horizontally), there is a gap in the main menu and the submenu on the movement of left on different pages.