Spry Sub Menus & Simpleviewer
by Nick Parker on Jan 8, 2010 at 10:54:43 pm
Hi,
I'm currently updating my website and am adding the simpleviewer to display my images. I've managed to embed this without too many issues but the problem is, the spry submenus are now displaying behind the simpleviewer and are therefore hidden.
True, I can move the simpleviewer down to display those menus, but that looks terrible.
Is there any way for me to load the sprymenu after or on top of the simpleviewer so that those submenus appear over the simpleviewer. Hopefully this doesn't cause a conflict or anything, as aside from the submenu not working, I'm really pleased with how the site is coming along.
Re: Spry Sub Menus & Simpleviewer by Nick Parker on Jan 8, 2010 at 11:36:36 pm
I posted this in the flash section as well as I wasn't sure where to add it considering the problem involves both dreamweaver and flash and they have suggested a few solutions.
I didn't want to waste your time so hold fire on this unless those solutions don't work, in which case, I'll post again.
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Nick Parker on Jan 9, 2010 at 1:03:25 pm
Hi,
I've checked my website now in IE8 (there always seems to be problems with IE when everything is fine in other browsers) and the simpleviewer doesn't display at all.
Also, for some reason in Chrome there is a large white bar at the foot of the page (so I was wrong about it working fine in other browsers). Can anyone help with turning this bar black at least?
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Richard Williams on Jan 9, 2010 at 1:55:54 pm
the issue here is a windows compatibility issue.
The file name you are linking to is
simpleviewer.swf?galleryURL=gallery.xml
It does not like this description.
If you change the code to simpleviewer.swf it workd fine in IE
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Nick Parker on Jan 9, 2010 at 2:47:11 pm
Hi Richard,
Thanks for your help.
I tried changing all the instances of "simpleviewer.swf?" to simpleviewer.swf but nothing changed. Is this what you meant or to substitute the whole part 'simpleviewer.swf?galleryURL=gallery.xml' with "simpleviewer.swf"? If I did this, there would be no pointing to the gallery file so I wasn't sure.
Also, Dreamweaver said it would run something earlier for compatibility and I believe it added the whole section in bold earlier. Do I need that as well as the rest or is this now a duplicate?
<script type="text/javascript"> AC_AX_RunContent( 'width','900','height','500','src','simpleviewer.swf?galleryURL=gallery.xml','wmode','opaque','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','bgcolor','000000','movie','simpleviewer.swf?galleryURL=gallery.xml' ); //end AC code
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Richard Williams on Jan 9, 2010 at 4:04:48 pm
Im not sure you are abiding by the rules of the gallery.
In their FAQ's linked here... there should be some variable used in your site when using the viewer.
So you embed the viewer itself as simpleviewer.swf, so all instances should read simpleviewer.swf and not simpleviewer.swf?galleryURL=gallery.xml.
I have only brushed over it, i suggest you read up more on embeding the simple viewer on their website FAQ's for they hold the answers you require.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Nick Parker on Jan 9, 2010 at 4:14:49 pm
Thanks Richard. I've read through the FAQ on embedding the simpleviewer as I had to try various options in order to get it to display in firefox and Chrome. It just seems to be a problem with IE.
I'll keep looking.
On a seperate note, can you see why my spry menu would display at a different position in IE to Chrome and Firefox. In IE, it is positioned further to the right of the page which causes a new line to be formed in the header, increasing it's size.
Please can you help why would it behave differently in IE to firefox and Chrome?
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Nick Parker on Jan 9, 2010 at 4:28:20 pm
Is the position of the spry menu in IE anything to do with these hacks?
/* 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;
}
I'm curious about DOCTYPES now as this has changed where the spry menu is displayed in IE (not for Firefox or Chrome), but hasn't fixed the issue of simpleviewer not being displayed.
Please can someone explain which DOCTYPE would keep the spry menu being displayed where it should be and if there is another DOCTYPE which may get simpleviewer working?
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Richard Williams on Jan 9, 2010 at 9:16:50 pm
i can see that you are trying new things here, some of which you are confusing quite a bit.
Your rollover image for instance, shouldnt be positioned in the way you have done it, this can be interprited very differently between browsers... You aught to have the image in its own DIV, and positioned it using paddings or margins.
You have also wrapped the rollover image in an H1 tag,but you have no definition of H1 in any of your syle sheets, so again browsers will interpruit this differently.
All that being said, i have just recreated your site locally, using the normal doctype
and it all displays fine... i tihnk if you work out your spacings and paddings on your DIVS and make sure they are all defined in the correct way, then you will not have any issues.
Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)
Re: Spry Sub Menus & Simpleviewer (now an issue with IE8) by Nick Parker on Jan 9, 2010 at 9:26:52 pm
Thank you so much, Richard.
I just used the Dreamweaver function of insert rollover image. Thankfully the rollover works ok at the moment though so hopefully it won't cause any problems in the future and once the site is updated this time, I don't plan to make any more major changes for a while.
So was it the rollover image that was affecting where the spry menu was being displayed or did I simply need a different doctype?