Below animated image menu spry

When I move my mouse around my spry menu an image just below it moves as follows by courier.  What can I do to keep the fixed image / I tried to put the image in a table in a separate div... Didn't work... My site is http://urefillit.com/Home.html any suggestions will be appreciated. Thank you

Moving image.jpg

Ok.  We'll try again from the top.  Scroll up to where you see this in Code view.

  • Shaving Meglia_Di_Rasatura cream
  • Now replace it with this:

  • Shaving Meglia_Di_Rasatura cream
  • You can also check the rest of your code and fix the errors reported.

    HTML - http://validator.w3.org/

    Nancy O.

    Tags: Dreamweaver

    Similar Questions

    • I'm doing a gif animated JPEGs, my palette Animation/timeline menu does not show the ability to make images of layers, I slot than extended CS6 64 on windows 10

      I'm doing a gif animated JPEGs, my palette Animation/timeline menu does not show the ability to make images of layers, I slot than extended CS6 64 on windows 10

      Please click the animation button to create the image. This should create the first image in the palettet in mode of image Animation timeline. you not in any mode animation again

      Do you see a button create framework amnation in my screenshot because I clicked on it to create an animatiion framework.

    • Menu Spry missing first submenus, but showing only the last.

      Hello, I'm doing a site for a school project and I have a spry menu code that looks good, but when it is turned on, when you move the menu, submenus are empty except for the last.

      Here's what it looks like on a mode live view:

      SPry Menu.png

      Above war-torn project are three submenus. They have the text, but will not appear. My other menus do the same thing. For personal reasons, I will not not to publish the entire site because of his real name, address, contact, etc.

      I'll post the menu spry and css menu spry.

      Spry menu:

      < div class = "container" >

      < div class = "NavigationBar" >

      < ul id = "MenuBar1" class = "MenuBarHorizontal" >

      < li > < a href = "#" > about me < /a > < /li >

      < li > < a href = "#" > Contact < /a > < /li >

      < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > ongoing projects

      < ul >

      < li > < a class = "MenuBarItemSubmenu" href = "Film.html" > < /a > Film

      < ul >

      < li > < a href = "#" > fictions < /a > < /li >

      < li > < a href = "#" > Japan 2016 < /a > < /li >

      < /ul >

      < /li >

      < li > < a href = "Photography.html" > photography < /a > < /li > ""

      < li > < a href = "Story.html" > stories < /a > < /li > ""

      < li > < a href = "Project_Wartorn.html" > project: torn apart by the war < /a > < /li > ""

      < /ul >

      < /li >

      < li > < a href = "#" > equipment < /a > < /li >

      < /ul > < hr / >

      <! - end .header - > < / div >

      < div class = "content" >

      Spry CSS menu:

      @charset "UTF-8";

      / * Sections - 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, an area of width auto without margin or padding * /.

      UL. MenuBarHorizontal

      {

      padding: 0;

      list-style-type: none;

      font size: 20px;

      cursor: default;

      Width: 921px;

      height: 30px;

      background-color: #333;

      do-family: "Arial Black", Gadget, without serif.

      text-align: center;

      margin-top: 0;

      right margin: 15px;

      margin-bottom: 0;

      margin left: 19px;

      }

      / * 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 of children relative to this container and are a fixed width * /.

      UL. MenuBarHorizontal li

      {

      padding: 0;

      list-style-type: none;

      do-size: 100%;

      position: relative;

      text-align: left;

      cursor: pointer;

      Width: 230px;

      float: left;

      height: 15px;

      margin: 0;

      }

      / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

      UL. MenuBarHorizontal ul

      {

      margin: 0;

      padding: 0;

      list-style-type: none;

      do-size: 100%;

      z index: 1020;

      cursor: default;

      Width: 8.2em;

      position: absolute;

      left:-1000em;

      }

      / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

      UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

      {

      left: auto;

      }

      / * Container of menu items are same fixed width parent * /.

      UL. MenuBarHorizontal ul li

      {

      Width: 8.2em;

      }

      / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

      UL. MenuBarHorizontal ul ul

      {

      position: absolute;

      margin:-5% 0 0 95%;

      }

      / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

      UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

      {

      left: auto;

      top: 0;

      }

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

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

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

      / * Submenu containers have borders on all sides * /.

      UL. MenuBarHorizontal ul

      {

      border: 1px solid #CCC;

      }

      / * Menu items are a light grey block with padding and no text decoration * /.

      UL. MenuBarHorizontal a

      {

      display: block;

      cursor: pointer;

      background-color: #333;

      color: #393;

      text-decoration: none;

      Width: auto;

      padding-top: 0.5em;

      padding-right: 0.75em;

      padding-bottom: 0.5em;

      padding-left: 0.75em;

      }

      / Components menu that have mouse over or focus have a blue background and white text * /.

      UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

      {

      background-color: # 33;

      Color: #333;

      }

      / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

      UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

      {

      background-color: #F0F0F0;

      Color: #333;

      Width: auto;

      }

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

      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. MenuBarHorizontal a.MenuBarItemSubmenu

      {

      background-image: url (SpryMenuBarDown.gif);

      background-repeat: no-repeat;

      background-position: 50 95%;

      }

      / * 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. MenuBarHorizontal ul 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. MenuBarHorizontal a.MenuBarItemSubmenuHover

      {

      background-image: url (SpryMenuBarDownHover.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. MenuBarHorizontal ul 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. MenuBarHorizontal 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. MenuBarHorizontal li. MenuBarItemIE

      {

      display: inline;

      f\loat: left;

      background-color: #333;

      }

      }

      I guess you have your SpryAssets responsible, including the javascript file concerning it. Also, check the bottom of your swap file for the javascript code specific to this menu bar. Spry menus come with three components, the call to the head of the document for the javascript files and css, the structure itself in the body of the document and javascript code at the bottom of the body (before the tag).

      Javascript is not published (and not for the faint of heart); the css controls the menu bar similar to and can be edited with care, and this at the bottom of the page (for example), defining the new variable in the menu bar:

    • How to reset the menu spry?

      Hello everyone.

      I tried to reset the bar from spry menus several times but the css stuck with it and I don't know how to reset this menu spry, it always open the last menu bar, I work in, please help

      Thank you

      Replace your Horizontal Spry Menu with this CSS code:

      ul.MenuBarHorizontal
      {
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          cursor: default;
          width: auto;
      }
      ul.MenuBarActive
      {
          z-index: 1000;
      }
      ul.MenuBarHorizontal li
      {
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 8em;
          float: left;
      }
      /* 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
      {
          border: 1px solid #CCC;
      }
      /* Menu items are a light gray block with padding and no text decoration */
      ul.MenuBarHorizontal a
      {
          display: block;
          cursor: pointer;
          background-color: #EEE;
          padding: 0.5em 0.75em;
          color: #333;
          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: #33C;
          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: #33C;
          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: inline;
              f\loat: left;
              background: #FFF;
          }
      }
      

      Nancy O.

    • Why a big animated image of 4 square (as shown in the attached image) appears in a sensitive HTML output? Is it because I am using a trial version?

      Hello!

      Does anyone know why a big animated image of 4 square (as shown in the image below) appears in a sensitive HTML output? Is it because I am using a trial version?

      The image below shows the result after I imported a Word file into a trial version of RoboHelp 2015 and then sent to a sensitive HTML file.

      Your help would be very appreciated.

      David

      Watermark on RoboHelp output.png

      Dear Pierre,

      Thank you. After you apply the hotfix, the output seems OK now in Chrome, Firefox and IE. Thank you very much!

      David

    • menu Spry disappears when the window browser pulled/stretched manually

      Hello

      my menu spry seems to disappear when the browser window is pulled/stretched manually expand beyond a certain point. He himself the stack when the window manually reduced to a narrower format. This is regardless of the float property, either to the right or left.

      I'm still at the stage of construction of the building/dev...

      {.menuWrapper}

      float: right;

      width: 60%;

      margin-top:-38px;

      }

      Thank you!

      There are two problems here.

      1. when the browser is an average width, any adjustments in place, no problem

      2. when the browser is reduced in width, there is not good enough real estate menu bar, so the last item of the menu, and then double to the high slot the MenuBar

      3. when the browser is expanded, the bar of menus is able to escape alongside the image of c2c_logo, but because you set a top margin-38px, the menu bar springs out of sight.

      Solution:

      1 give the menu bar more real estate to remove white space next to the actual image, which makes the smaller image or the default method, change the image to a background image. The latter will provide the best way to provide the necessary space for the menu bar.

      2. After doing the above, you will notice that the menu bar disappeared once more, the top margin should therefore be adapted. The top margin will be in the region of 120px

      GRAMPS

    • Menu Spry help positioning

      I literally spent the last three days (eight to ten hours each day) trying to figure out how to customize a menu spry for CS4. I looked at countless tutorials (more of which were written for CS3), the I combed through articles and discussions. I read the stuff on the spry site. I have been more my book Dreamweaver The Missing Manual a dozen times. Because navigation is one of the most basic features of Web design, you would think that it is a simple method of bullet proof. It is certainly easy enough to add menu items. After that, it's a nightmare.

      As soon as I would get one thing working properly, I noticed in a browser and see that while I could have corrected a problem of submenu now I've screwed up to the appearance of the menu bar main or vice versa. I would get so screwed things that I would have to trash everything and start again. I had to do at least four times. Once I trashed the widget, deleted all spry assets and inserted a new menu. I did a preview in a browser of the menu new ordinary and and all of the foires parameters of employment previous spry was now the new menu. WTF? How can this be? I have saved, closed and restarted and it was back to normal. But that does give me a lot of confidence in what I see in mode live view.

      Okay, so now it's three days later and during my attempt in fifth and in fact, I had all this work as it is supposed to. All I want to do now is to position the menu bar. Right now it is floated to the left against a menu div with a background. The menu div is 40 px high. The spry menu bar is also sitting at the top of the div and looks terrible. I don't want it centered in the div tag and I don't want it rinse top left sitting. What I want to do is move it to the right to match any other content on the page and Center the menu bar vertical in the div. I tried adding padding to the div and mess up the appearance of divs. I tried to add margins, I tried to add a padding to the high level ul.menubarhorizontal (he didn't really like that). Bottom line is that I'm afraid to touch anything for fear that all this will fall apart and I'll have to start over. The page I'm working on is going to be a model for an entire site. So I can't do anything else until I fix this. Can anyone help? Please?

      Without looking too closely, this is done for me:
      {#menu}
      background-image: url("..) ("/ Images/Layout/nav_bg.jpg");
      background-position: left, top;
      background-repeat: repeat-x;
      height: 40px;
      padding-left: 104px;
      Width: 856px;

      }
      You can adjust the padding on the left and width accordingly.
      Martin
    • (problem, emergency) Lenovo S650 stuck at the boot animation/image after reset of the system.

      Hello as the title suggests I made a system full erase/reset in recovery (power + volume up + volume down) mode and now the phone is stuck to the boot animation/image.

      Please someone help me I'm in a hurry and it is an emergency!

      model: Lenovo S650

      firware: 4.2.2 stock

      Thank you!

      Resolved, reflashed stock rom

    • Why can I not use an animated image on my Vista desktop as I have with XP?

      I can't use an animated image on my desktop that I could when I used Windows XP, why is that now that I'm using Windows Vista Ultimate?  I can use the screensavers, funds, all individuals in the animation, just can't use a single image.

      I miss this feature!  Is it really impossible now that I'm on a Vista computer?

      Please say he 'ain't so! '

      Again, david, I appreciate your response and your help.  No prob with what I am wanting to misunderstandings.  :)

      I understand what you're saying as the "work-around", it's just too much work to replace a little simple animation, LOL

      Thanks a lot anyway!  :)

      Have a great week.

    • see tasks does not appear below the image click on pick-up points

      the cursor from tasks view does not appear below the image, when the spot removal tool is selected. This is the case since the installation of Lightroom cc. How do I rectify this error?

      Press T to display the toolbar and it should appear.

    • How to use icons to start an animation (image sequence)

      Hello

      I find the way to do that with slide show, State of multiple objects,... but can not find with what I call an animation (image sequence).

      Any idea please?

      Thanks in advance!

      The sequence of images on a MSO and set the AutoPlay sequence. Blow up a button in this state of ASM.

    • Black bars above and below my images in the exported in MPEG and AVI video

      Hello.  This is my first time to be on this forum.  I made a video for the banquet of my grade 5 class which is TOMORROW NIGHT, .  My video looks awesome on the timeline, but when I export an MPEG or AVI, some images appear not to the top of the way they do on my calendar.  For example, many paintings have a black bar above and below the image that is not on my calendar first elements 11.  I pray that I can fix it because I'm willing to stay up ALL night to understand.  Everyone on here who can help me, pretty please?  Thank you!!

      Welcome to the forum.

      Black bars indicate a discrepancy between the size of the frame of the project and the Source of the images/photos.

      The answers to the questions of ATR will point upward where are these inadequacies.

      This article will go into detail on the causes and many of the corrections: http://forums.adobe.com/message/3797172#3797172

      Good luck and let us know more, by ATR questions, please.

      Hunt

    • TPL and master links menu spry

      I read this great article on creating DWT
      http://helpx.Adobe.com/Dreamweaver/KB/paths-Dreamweaver-templates.html

      But can't seem to find out how, when new pages are created using TPL.
      the menu spry (already existing on the captain DWT) can be 'automatically' bound to new pages.

      Newbie question, isn't...

      When you create new pages to add to the menu, you need to change the menu on the model page to propagate these changes to existing child pages.

    • Menu Spry menu drop down width?

      Hello, is it possible to change the width of the drop-down list? For example: http://uk-hoster.co.uk/clients/monvirtual/index.php/ to the title of OPERATIONS is it possible to enlarge the words widths so arnt separated into 2/3 lines?

      Concerning

      Open the file sections in code view.  Adjust the width in ems (noted below in bold) as requires it.

      / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
      UL. MenuBarHorizontal ul
      {
      margin: 0;
      padding: 0;
      list-style-type: none;
      do-size: 100%;
      z index: 1020;
      cursor: default;
      Width: 14.5em; / * adjust as needed * /.
      position: absolute;
      left:-1000em;
      background-color: #72246 c;
      }
      / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
      UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
      {
      left: auto;
      background-color: #72246 c;
      }
      / * Container of menu items are same fixed width parent * /.
      UL. MenuBarHorizontal ul li
      {
      Width: 14.5em; / * adjust width as above * /.
      background-color: #72246 c;
      }

      Nancy O.
      ALT-Web Design & Publishing
      Web | Graphics | Print | Media specialists
      http://ALT-Web.com/
      http://Twitter.com/ALTWEB

    • Download the menu spry to auto update on all pages

      I have read and searched for this "set-up menu spry to auto update on all pages" I want to know if I change the menu for example on the index page it can automatically then updaet the other 50 pages? Someone know how to do, what is it called, or where I can get a tutorial. Thank you

      First of all, this forum is for MEASURE not Spry. If you use the uninstall then have you considered using an include on each of your 50 pages file? In this way, only you just maintain a single file.

      If you do not MEASURE, and you have a static menu on all pages you need to edit, use ADSI-> find and replace.

      If you have any questions of deep techo spry code, it would be best to ask your question on the Spry forum.

      Hope that helps.

    Maybe you are looking for

    • Why Firefox 29.0.1 does not show a footer

      I recently installed Firefox 29.0.1 on a XP system and have carefully examined all the parameters. I downloaded a few personas. It seems appropriate to make all web sites. However, I fear that I can miss something - the footer. Documentation on creat

    • Repeatedly installing updates

      KB2760411, KB2760588 and KB2810048 updates made repeatedly on my Windows XP Professional installation. What have I to do?

    • My solitaire games have been deleted, how can I get them back

      I tried to delete my account in CA and my games and maybe some other things has been deleted, how to bring them back?

    • How do I activate my screen to its origanal views view

      Today I opened and emial and 1 second later the view of my screen has turned sideways.  I have norton, I ran all the scans, ran microsoft security and nothing is found.  What should I do?

    • Should DWDM SFP - log messages - I worry

      Jul 21 18:52:36 UTC: % SFF8472-5-THRESHOLD_VIOLATION: item in gi1/1/4: high power warning Rx; Running value:-5,5 dBm, threshold value:-9,0 dBm. 21 July 19:02:36 UTC: % SFF8472-5-THRESHOLD_VIOLATION: item in gi1/1/4: high power warning Rx; Running val