Wobbling image under accordion menu

So the saga continues :)
I am using an accordion menu (about 150px x 300px) on the
right hand side of my page. It has three items when each one opens
downward they contain separate links within. Directly beneath this
accordion menu is a simple jpeg image. The problem is when I use
the accordion menu the image underneath it (not a background image,
it's positioned under the menu) wobbles as the accordion effect
animation of opening takes place. It looks almost as though the
accordion effect is coming out from the top of the image (which it
is not because the image is placed some distant from the bottom of
the menu.
Is there a way I can prevent this from happening?

Well it seems this anomaly only occurs in Safari. What I have
noticed in Firefox though is a white dotted border goes around the
spry accordion menu after it's been activated, presumably because
it's Ajax. I'm not sure how to prevent that from happening.
So far I'm not terribly satisfied with this spry
widgets.

Similar Messages

Using an image as label in Spry Accordion Menu

I was wondering if it was possible to use an image instead of
text in the spry accordion menu. I have replaced the text that is
there with a roll-over image link however I'm unable to label it
since it uses the text as the label and therefore can't set the
default panel I want opened. Is there a way to do this? Thanks for
your help.

Stefaan Lesage wrote:
Is this possible with Pages 09 ? And can I achieve this ?
Is it possible to look at the Help or at the Pages User Guide
In the English one, page 17, we may read:
• Some graphics, such as watermarks or logos, appear on pages. These objects are called master objects. If you cannot select an object in a template, it’s probably a master object. To learn more, see “Using Master Objects (Repeated Background Images)” on page 60.
You can drag or place objects on a page, including imported graphics, movies, and sound, or objects that you create within Pages, including text boxes, charts, tables, and shapes.
You can also insert pages that have been preformatted for the template you’re using. Click Pages or Sections in the toolbar and choose a template page. The new page is added immediately after the page where you placed the insertion point.
Yvan KOENIG (from FRANCE vendredi 27 février 2009 23:01:32)

Accordion Menu to display image

Hey guys,
I am in desperate need of some knowledgeable direction. Many thanks up front for any help!!!!!
Situation: I am designing my company's resume page: 3 or 4 names within 6 different departments in an accordion menu.
Currently: I have a two level accordion menu on the left (department and then names within the department.) and a anchored DIV tag on the right.
Goal: When the user clicks on "Bob Example" text link in the "Engineering" department tab (accordion menu), I would like for it to open a picture of "Bob Example" on the right hand side.
Problem: I've named the anchor DIV tag, "biopic" and targeted the link the same name, however, when I click on the "Bob Example" text link - it opens the picture in a separate window. I have played around with targeting so much my brain is now mush.
Can anybody shed some light on why the "Bob Example" pic won't open on the right hand side?

That link isn't much help.
All the assets are pointing to files on your local Z drive instead of the site folder.
<script src="file:///Z|/Desktop/NEW WEBSITE/SpryAssets
/SpryAccordion.js" type="text/javascript"></script>
If your site is properly defined in DW, that shouldn't happen.
Setting Up Local & Remote site folders in DW
http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
Nancy O.

Spry Accordion menu opens on page load then closes

Hello,
I'm having issues with a SPRY Accordion menu loading with all of the tabs open, then closing once the page finishes loading.
Example page is here:
http://thesparkmachine.com/mca2009/academics
(site is still being worked on, so forgive any oddities)
Is this something that is occurring because of the large amount of material loading on the page at once? The site is Joomla!-based, and there are close to a dozen modules on the page, plus an random background image script.
Any advice would be helpful.
Thanks!

I see you have also fixed your menu sections linking..
But i still wanted to give you some advice on why it opens and closes.
If you check out the source of your page, you will see that the constructor for your accordion is at the bottom of the page. When the browser loads the page, it parses from top to bottom, so it has parsed the accordion markup. But not yet the constructor for the accordion, so once it finally done with parsing the rest of the markup it finds the constructor and executes it.
What would have helpt, if you just moved the <script> with the constructor to directly under the accordion. So when the accordion markup has been parsed the brower directly executes the scripts.

Photoshop submenu is missing under tools menu in bridge

I Have downloaded the new Photoshop CC 2014 and updated Bridge. Trying to send some pictures from Bridge to photoshop as layers is not possible because the photoshop submenu is not available under tools.
Checking Bridge preferences > start up, does not show Photoshop.
Checking Library> Adobe > BridgeCC > start up, does not have Photoshop in it.
Can somebody help me restore the Photoshop submenu.
Thanks
Rene.

Today when I start Bridge it had a message asking if I want to install a "Photoshop extension”.
So my problem is solved.
Thanks.
René Born 
[email protected]
El 22-06-2014, a las 14:58, DavyAllan <[email protected]> escribió:
Photoshop submenu is missing under tools menu in bridge
created by DavyAllan in Adobe Creative Cloud - View the full discussion
I have the same problem when trying to do a photomerge.
Work around by opening files than doing 'add open files'
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6484656#6484656
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Adobe Creative Cloud by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Desktop Site Not Loading Images or Accordian Menu

I have exported my site files and uploaded them to my server in a folder and the Desktop version is not loading properly. There are a lot of pages, so I haven't reviewed them all just yet, but it appears that the mobile version is working fine. For the Desktop version though, the images aren't loading in both Firefox and Chrome. The accordion menu is also not loading properly and the parallax scrolling isn't working. It had worked when I had only loaded the Desktop portion of the site but now it is not. It is also throwing me the following errors:
Asset C:\Users\CHRISTIE-PC\AppData\Local\Temp\InDesign Snippets\Snippet_308B7BE0B.idms was not exported because it was not found.
Asset C:\Users\CHRISTIE-PC\AppData\Local\Temp\InDesign Snippets\Snippet_308E4BBD2.idms was not exported because it was not found.
Asset C:\Users\CHRISTIE-PC\AppData\Local\Temp\InDesign Snippets\Snippet_308E4BBDB.idms was not exported because it was not found.
Asset C:\Users\CHRISTIE-PC\AppData\Local\Temp\InDesign Snippets\Snippet_30944F9B2.idms was not exported because it was not found.
Connection to PHP file failed. Unable to check if this web server supports PHP needed by Muse forms. Be sure the domain name entered in the FTP upload dialog is correct.
Thank you in advance for your help.
Here is a link:
HomeSquare Scrub

I finally stumbled on a related forum post. It seems it was a permissions setting. I contacted my hosting company and they reset the permissions. I am however still receiving the errors referencing the snippets.

Adding A Separate Background Image For Each Menu Item

I asked this in the Spry forum, and not sure I understand the answer. Plus, I should have been more specific in asking how to do it, as I'm still pretty new to this stuff. Nothing I'd found indicated it could be done, or how.
Org question -
I know you can apply a background image to the menu bar items, but is it possible to add a background image for each individual item? What I'm basically trying to keep are the effects (bevel/emboss, etc.,) that I attached to the text, when I created it in PS CS4.
Answer -
Yes you can. The widget is just normal plain html markup so you can just add other classNames or id attributes to the elements. And style the elements through those classes/ids.
Does this mean I'd have to write a new rule for each menu item? What?
Thank you.

Did an Adobe Tutorial for creating/entering a Spry Menu Bar. This is the HTML, after I took out the submenus.
<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="news.html">Features</a></li>
      <li><a href="news.html">News</a></li>
      <li><a href="news.html">Fashion</a></li>
      <li><a href="news.html">Lifestyle</a></li>
      <li><a href="news.html">Calendar</a></li>
    </ul>
This is from the SpryMenuBarHorizontal.css (It seems like I need to make changes in the Design Info section of this code. But nothing I've tried has worked):
/* 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: 100%;
cursor: default;
width: auto;
text-transform: uppercase;
/* 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: 7em;
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;
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;

Accordion menu HELP - sorry, very urgent

Good afternoon, first I would like to say that I'm a completely newbie in this things, sorry for that. I'm trying to expose my question in the most simple way:
I want to make a Accordion menu, where in the content boxes appears no only one space to work and put a link and images, but more, how many as I want. Is correct putting a table inside the content box and make rows? Is there any other way to build this correctly? I tried the Vertical Menu Spy, but I don't like it because I want this to work like the accordion... don't know if I make myselfe clear, sorry the bad english. Hope some one can help! Thanks
PS: there goes an image to explain better

DW Sprys and Accordions are difficult for experts to use. If you don't have a good knowledge of HTML, CSS and JavaScripts yet, you may be better off using a commercial product.
Project Seven Accordion Panel Magic 2
http://www.projectseven.com/products/tools/accordion2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Accordion Menu - Submenu position issue

Hello,
I've created an accordion menu that resides in the top right corner of my website. I seem to be getting various undesired results when previewing the site.
Desired layout: Build mode
Undesired Result: Page Preview
Undesired Result: Site Preview
The top level sites work fine but when I move the submenu to the left of the menu using the X position, then preview the page or site, the submenus show up either right over the menu or way off to the left of the site, almost completely off the page. I have no idea why, please help.
Jeff

Hi Sanjit, thank you for your reply.
The first image is a from the Design View, the second is a page preview in browser and the final image is a site preview in browser. My default browser is Safari (also testing in Chrome however).
If I leave the menu with default settings, the submenus appear off the site's live area and when I preview they do not show up at all. Presumabley they are off to the right side of the site.
The menu is and has been set to "All Pages" and not manually throught my build. Other than plaving the vertical menu widget within the accordion widget, it is more or less default with exeption of some styling.
I will try to rebuild the menu and see if the problem is still occuring. If you have any further sugestions I would be happy to hear them.
Thnaks again

Accordion Menu & Firefox

I am using Dreamweaver CS3 along with Spry 1.6.1
I am using an accordion menu with 4 tabs and they transition
fine in IE7 but in Firefox there is a problem. The menu works fine
but it expands the site as if all 4 panels are open at one time.
Then when I click on the accordion menu the site collapses back
together.
If I change the height under the .AccordionPanelContent class
in the CSS file it helps but that affects the menu in IE if I do it
that way.
Any ideas why it would cause the web page to spread apart
when first loaded up in Firefox?
Thanks!

Do you have a sample URL that demonstrates the problem?
--== Kin ==--

Links inside an accordion menu

Hello, im almost done with my site, but i have encounterd a problem, I did an accordion menu for the main design, works perfectly, but inside one of the menus i have a gallery, ive tried diferent options, but my main problem is that every time i click any of the different button options ive created all my page scrolls to the top. Its like everything inside the accordion menu is making the page scroll back to the top! how can i disable that for the buttons inside the main accordion menu. Thank you.

Hello, the problem im having is in the mobile site. here are the two versions, english and spanish. You will ser the problem in the portfolio section under recent projects. The two versions have a diferente type of galery bit both have the same issue. Once you click any buttons under projects the page automatically scrolls up.
http://www.katapix.com/phone/
http://www.katapix.com/phone/inicio.html
im sorry for my bad english. I hope i made my point clear. Thank you for the help!

No library panel option under windows menu PC signed in to cloud

I have photoshop at home and work I want to use shape captured on my ipad noticed no library panel option under windows menu.
in general Cloud, Bridge andLlibraries confuse me obviously not the same but after viewing tutorials more confused.
Damian Burns smart and stupid at the same time!

Chris and Gener7here are my system details below
Adobe Photoshop Version: 2014.2.0 20140926.r.236 2014/09/26:23:59:59 x64
Operating System: Windows 7 64-bit
Version: 6.1 Service Pack 1
System architecture: Intel CPU Family:6, Model:10, Stepping:7 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2, AVX, HyperThreading
Physical processor count: 2
Logical processor count: 4
Processor speed: 2491 MHz
Built-in memory: 8074 MB
Free memory: 5400 MB
Memory available to Photoshop: 7045 MB
Memory used by Photoshop: 60 %
3D Multitone Printing: Disabled.
Windows 2x UI: Disabled.
Highbeam: Disabled.
Image tile size: 128K
Image cache levels: 4
Font Preview: Medium
TextComposer: Latin
thankyou for trying to help me
Damian Burns
Sent from my iPad

How to remove a tab from Accordion Menu?

I have a page that I am creating for my website which has an accordion menu on it. I originally created the menu in Dreamweaver CS4 using the Spry Accordion Widget, then transferred that code over to the website page. In place of words on the menu, I am using images for each drop down tab. I am trying to remove the last tab in the menu, but every time I do my entire menu no longer functions and the tabs, when clicked, no longer drop down.
http://www.tocico.org/?page=2015_workshop_test
Above is the link to the page I am working on. The last tab in the menu is titled TOC Thinking Processes (above the Register Now button). All I want to do is remove that tab, but when I do, the entire menu no longer works.
Please let me know if you need anything else from me.

Never mind, I was able to figure it out. After I had removed lines 631-644 the code had changed for some reason.
CHANGED FROM THIS:
<script type="text/javascript" class="AccordionPanelClosed">
//<![CDATA[

//]]>
</script><br>
TO THIS:
<div class="AccordionPanel AccordionPanelClosed">
//
//]]>
<br>
Turns out I was just missing the <script type="text/javascript" class="AccordionPanelClosed"> to match up with the </script> code at the end. Thanks for your help!

Spry 1.4 accordion menu issues with IE

Hi everyone, I've been checking around for an answer to this
but havent found anything so if you know where on the dreamweaver
database the answer is PLEASE send me a link. Now for the problem,
I am using dreamweaver cs3 on a mac. i build an accordion menu that
i'm pretty happy with, i changed up the css to make it match my
site. I didn't change much except for the colors and background
images. I though it was perfect and ready to launch but after i did
one final test on ie i discovered it was WAY Messed up. To see what
I mean visit:
https://www.sendoutcards.com/cgi-bin/trncustomer.pl?static_new_system_training_webinars
in firefox/safari/opera the visit it in IE.
it is a perl page with an area designated for html. in this
html area is where i linked to the css and javascript for the
accordion and NOT in the actual head of the page. I spent a day
cussing at IE so if you have any answers or suggestions I'm very
open!
Thank you,
Travis

Hi everyone, I've been checking around for an answer to this
but havent found anything so if you know where on the dreamweaver
database the answer is PLEASE send me a link. Now for the problem,
I am using dreamweaver cs3 on a mac. i build an accordion menu that
i'm pretty happy with, i changed up the css to make it match my
site. I didn't change much except for the colors and background
images. I though it was perfect and ready to launch but after i did
one final test on ie i discovered it was WAY Messed up. To see what
I mean visit:
https://www.sendoutcards.com/cgi-bin/trncustomer.pl?static_new_system_training_webinars
in firefox/safari/opera the visit it in IE.
it is a perl page with an area designated for html. in this
html area is where i linked to the css and javascript for the
accordion and NOT in the actual head of the page. I spent a day
cussing at IE so if you have any answers or suggestions I'm very
open!
Thank you,
Travis

Accordion menu spry link not working

I built an accordion menu spry using Dreamweaver CS5. I noticed that the navigation labels on the accordion menu cannot be linked to pages. Please see the Overview link on the accordion menu and notice that it does not not go to 'overview.html' as I added in the code. What am I doing wrong?
Thanks. Any help is greatly appreciated.

I see this in your spry css file - you might try removing the two user-select entries
* 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;

Wobbling image under accordion menu

Similar Messages

Maybe you are looking for