Spry Vertical Menu and other problems

Hi all, I'm having a hard time using DW efficiently.
Right now I have 2 or 3 problems on this webpage: www.novaparentalidade.com
From the simpler to the harder:
How can I make my background grad stay on the bottom of the browser? Right night is set in the CSS for "bottom" but all it does is stay on the bottom, but from the content area, not the browser windows..
Solution?
2nd: The background image I'm using in the content area, is not displaying in FF, Opera and IE. Works fine in Chrome and Safari.
Solution?
3rd: I've done a lot of searching in google and Adobe but couldn't find an answer.
My SpryMenuVertical is not working properly in IE.
What should I do?
I'll leave you a copy of CSS and SpryMenu.css
I really need help solving this
Tks.
Celso Santos

I dont know if you have fixed the issues, but the bg image is setting at the bottom and shows up fine in FF. You can play with setting the bg image to fixed, it then makes your main content area appear to be gliding over the bg...works great with a nice shadow on the container.
Try reducing the width of your
.twoColFixLtHdr #sidebar1 {
See if that does not fix you up.
Gary

Similar Messages

Spry Vertical Menu and sub menus not working correctly

I am designing a website for a client and cannot get the spry vertical menu and submenus to work correctly. The submenus will show on the index.html page, but not on any other pages, or when I preview in browser. Should I make it a library item then add it to the other pages? I am not sure what I am doing wrong. I appreciate your help!

URL to your site please

Menu and other Problems with iDVD6

A couple times I've noticed that the menus I make using iDVD don't seem to work right. That is to say, when you actually have the DVD up and running on a DVD player, selecting one option may sometimes actually call up a different item from the menu. (This has happened now with a number of different iDVD themes.)
Also, on the most recent DVD I created, movie files are sometimes suddenly interrupted in the middle of playing, and the DVD goes back to the menu. I have never heard of that happening. (I'm wondering to myself, could markers do that? My Quicktime files were done using Final Cut Express, and I included chapter markers thinking iDVD would be able to read the markers; unfortunately, it wouldn't do that, either.)
I'm wondering, has anyone else experienced these glitches with iDVD 6? Any suggestions?

i'm beginning to suspect that is the issue-Idvd can NOT handle complex video and multiple scene menus and probably anything over twenty minutes-i resorted to disc image -copy on ROXIO TOAST TITANIUM 7.0.2-and get error messages-interface incompatability?-???-and a few other strange commands-as for fce chapters-make sure that your markers are titled(the title of your chapter then select the type of marker(CHAPTER)-that will appear in the comments box -then click OK or press enter-when i import to Idvd it asks me if i want to import the chapter markers -YES-and all the markers are there-working perfectly --UNTILL!!-i try to produce a DVD--FORGET IT!!!-i think this whole suite of software is highly overrated-i don't even use Imovie for video anymore-too problematic and unstable with large projects-it maybe time to move on to FINAL CUT STUDIO--take and good luck jim--ciao

Spry vertical menu problem with IE

We implemented the spry vertical menu for showing the
categories of a products catalog. It has almost 1800 categories
organizad at about 5 levels, some categories have about 30
subcategories. These categories are extrated from a database.
It works in mozilla but in IE present this problem:
- The response time is slow when you change from one category
to ahother. And the effiecience decrease.
See in
http://edit.panamericana.com.co/
Thanks,
Alejandro

I tried in Firefox 3 and IE7 and they both seemed fairly slow
for any action to take place. But IE7 did seem pretty slugish.
It seems that you're already determined what the issue is,
you have waaaaaay too many menu items. Seems to me that that number
of items don't belong in a menu. There are even menus that are too
long to appear entirely on the page, so they can't be easily
accessed without accidentally hiding the menus again, which I did
several times. IN particular:
Cartuchos > Technologica
If you cannot change to a different format to show all of the
items, then perhaps you can split up the menu so that you don't
have too many at one time. I checked the code of your page and it
seems that you've got a lot of other scripting going on there
besides Spry, so is the issue with Spry or with everything else
you're trying to do with that menu. If you can try to recreate the
page with only the menu items on it (and not pulled in dynamically
on the fly), and then add back to your page a bit a time, you might
be able to find out what is really causing the delays.

SPRY Vertical Menu Problem (IE Hack?)

I'm having a problem with the Spry vertical menu bar. The one
I created works fine in Firefox and in Safari, but not in Internet
Explorer. In IE the sub-menu containers open AT THE TOP of the menu
bar, and not next to the selected menu item. I'm not sure how to
fix it. Any help is appreciated.
You can see the problem here (view in IE and roll over any of
the menu items in the middle or lower part of the menu bar):
http://southerncharmgifts.net/thesouthernsportsman/html/ssarchery.html

I downloaded the Spry update but it didn't fix the problem.
It changed my menu box to white, when it should have remained
black. Hopefully I can fix it. But still the same problem with IE.
This is really bad! Any way to reverse the update?
quote:
Originally posted by:
SnakEyez02
First your Spry is out of date. Please click on the following
link below to get the Spry Updater. It will be inside the package
as an Extension. Then next time you start up DW click on Sites and
then you will see an option at the bottom to update Spry in your
site.
http://labs.adobe.com/technologies/spry/home.html
Looking at your page it appears to validate except for one
thing. All images need alt tags assigned to them.
See if updating the Spry helps.
Also there is a Spry forum that Adobe does check in case
there are bugs. The link to the forum is on that page and I will
also link it below:
http://www.adobe.com/go/labs_spry_pr1_forum
With regards to Pitmaster you can check the above links but
depending on the issue it could be something else. So if you need
further assistance post a link to your page.

Spry vertical menu button shows background color instead of image in preview

Hello All, I'm a newbie (to the forum and Dreamweaver) so my apologies if my question is not in good form. I've searched for this issue but cannot seem to find the exact problem I have.
I've created a website (my first) and used the spry menu bar. It works well using the default blue and grey colors for button and hover. However, I decided I want to spruce it up a little and change the buttons to use a background image (rainbow pattern) instead of background color. I internet researched this for some time and watched all the youtube videos people have posted for this process and editing the spry vertical menu bar CSS. Using the .a and hover lines from the CSS, I was able to add my background .jpg image file. In the design view, the button look exactly how I want them to. However, when I attempt to preview in IE, Chrome, or FF, the buttons still have the default colors and no image. I've gone back and deleted the default blue and grey, but then the preview just shows dark grey and white for the buttoms. is there something that I am overlooking that would cause the background color to show instead of the image I have attached to the buttons. I can't figure out why it looks right in DW but not in preview.
BTW, I'm editing a template file and all the pages are updated with the new image buttons, but none of the pages show correctly in preview.
Thanks

Point taken :-)
This is my spry vertical css code. No sub-menus.
DESIGN INFORMATION: describes color scheme, 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;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
font-weight: bold;
background-image: url(/Images/Rainbow_Button.jpg);
background-color: ;
background-repeat: no-repeat;
background-position: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #666666;
color: #333333;
background-image: url(/Images/Rainbow_Button_Hover.jpg);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #0000FF;
color: #FFF;

Spry Vertical Submenu - Expanding Box Problem, white background

Hello everyone. I've recently incorporated a Spry Vertical Menu on my site for the first time and I'm experiencing problems with the submenu in IE7. (Things look fine in FF, Safari, and Opera.) A white box appears behind the text area (the "bios" and "contact us" links). And....In IE6 the entire menu bar becomes a horizontal mess.
I've come to learn that this is called an Expanding Box Problem but I don't know how to fix it. Perhaps this is seperate issue from the white panel issue altogether. I dunno. Can anyone be of assistance? I've been trying to solve this problem for days.
http://www.exposedproductionsnyc.com
Below is the CSS:
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 8em;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 31.5px;
    background-color: #000;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 160px;
    background-color: #000;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 100px;
    padding-left: 29px;
    padding-top: 3px;
    margin-top: 1px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
/*ul.MenuBarVertical ul
    border: 1px none #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #000;
    color: #6CC3D7;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #000;
    color: #6CC3D7;
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.MenuBarVertical a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: transparent;
/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: transparent;
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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
    display: inline;
    f\loat: left;

Long answer = z-index
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
Nancy O.

Spry Vertical Menu Bar Styling Issues

Hello all,
I'm having CSS issues with a spry vertical menu bar. The Menu
is fairly basic but, it has some odd sizing requirements specified
by it's designer. The designer would like the sub menu items to all
have different widths that correspond to the actual content within
them. Here is sample.
http://staging.rm306.com/cycle/
The menu seen at the page above was not build with Spry. It
was build with another tool and has considerable problems with
consistent browser display.
Can anyone give me a short list of styles and where they
should be applied that might help me achieve this reletively simple
effect?
I've tried to use Spy menu bars in my projects in the past
but, there was always some sticking point. I'd like this time to be
the winner if possible.
Thanks for your time and patience in advance,
Kevin

The sample page I posted came after searching for an easy
"how to do it". The closest I found to a tutorial was this:
http://www.adobe.com/devnet/dreamweaver/articles/spryte_menu.html
The author designs and implements a spry menu with Fire Works
graphics. The last section describes how to modify the existing CSS
for multiple levels. Yet I found the sample page easier to follow.
I hope this helps though.

Question on spry vertical menu bar backgrounds

I have a spry vertical menu bar. The menu branches off to 3 or 4 levels in some cases. When you mouse over the menu structure the menu path that you have selected turns a different color. I acheived this by giving
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
a different text color and also a different background color using CSS. The thing I want to acheive now is to somehow make listings within my menu structure that are clickable links a slightly different color. This is to signal that a menu selection that is currently being hovered over is indeed clickable (and linked to another page). For example, most of my clickable menu listings are at the end of a menu branches. That is to say the menu listing at the 1st and 2nd level are not clickable (linked to another page) but the listing that falls at the end of the menu branch is clickable.
How can I make the menu listings that link to other pages a different color then the other menu listings that do not link anywhere but are instead just the preceding struture to get you to the end of the menu structure?
Currently menu listings which merely branches off and do not link to a clickable page have a reference of "#" as shown below.
<li><a href="#">Menu_1</a>
This "#" was put there by Dreamweaver so I just followed the pattern. Clickable menu listings reference another HTML page as you would expect.

Nancy,
Thanks for the reply (it helped me know how to approach it). It looks like editing
ul.MenuBarVertical a.MenuBarItemSubmenuHover
will give me the behavior I was looking for. I don't know if that is what I want to do now that I look at it though. Using different colored backgrounds when hovering over links seems to contrast too much (even though some are clickable and others are not). Perhaps I didn't have the right color choice.
Instead I thought about emphasizing links that are clickable (with some type of visual variation) as opposed to making the hovering background color path to those clickable links different. I experimented with placing a 1 inch border around links in the menu that can be clicked but I am not sure if I like it or not.
I am using a background color of #7D120C for the hover. Any suggestions are welcome and appreciated.
http://www.indiana.edu/~iutreas/index.html
Thanks,
JTB

Iframe flashing Spry Vertical menu

Hi All,
Im having an issue with the Spry Vertical Menu with flyouts.
It appears that the iframe used for the IE hack is flashing
on the screen whenever I rollover a menu item with a flyout in it.
Anyone having this same issue? Any help would be much
appriciated as I like the new Spry Widgets but I cannot have
glitches such as these... thanks
Here is my CSS:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 82px 0px 0px 26px;
padding: 0;
list-style-type: none;
font-size: 1em;
cursor: default;
width: 14.5em;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-size: 1em;
position: relative;
text-align: left;
cursor: pointer;
width: 14.5em;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
background-color:#620808;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
text-decoration:none;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #000;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
font-size: 1em;
padding: 0.5em 0em 0.5em 2em;
color: #dfc398;
text-decoration:none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-image:url(../images/office/side_menu_rollover.jpg);
background-repeat:no-repeat;
background-position:6px 8px;
color: #FFF;
text-decoration:none;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;

ok... no sooner than I hit submit... figured it out...
If anyone comes across this, it seems just add width:0,
hieght:0 to the following css:
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
width:0px;
height:0px;
Happy coding!

Spry Vertical Menu Bar: Drop left? Arrows?

2 Questions:
1. I am trying to figure out how to make a spry vertical menu drop to the left instead of the right? Any ideas?
2. It appears that my arrows are the same color as my background, therefor they are not showing up until the hover color changes. Can I change the colors of the arrows.
Thanks for the help!

Hi,
to have the subitems displayed to the left, go to this rule
ul.MenuBarVertical ul {} from SpryMenuBarVertical.css file and
change this line: margin: -5% 0 0 95%; TO margin: 0% 0 0 -95%;
Diana

My Spry Vertical Menu does not "drop-down"

I've created my Srpy Vertical Menu and does not drop down to the second level, am I missing something?, I must have moved something in the style or something because it does work in a new page but not in the one I'm creating, how can I restart?...
My page is
http://www.solucionesinternetgdl.biz/radiadoresenguadalajara/html/Prueba1

I've created my Srpy Vertical Menu and does not drop down to the second level, am I missing something?, I must have moved something in the style or something because it does work in a new page but not in the one I'm creating, how can I restart?...
My page is
http://www.solucionesinternetgdl.biz/radiadoresenguadalajara/html/Prueba1

Spry Horizontal Menu Bar width problem in IE and Safari

Hi Everyone,
I am working on a template and have used Spry Horizontal Menu for quite a few sites now. This one is giving me problems though on the width of the navigation bar. It moves the last right menu item to the next row on the left in Safari and IE and Chrome, but looks perfect in Firefox. I'm using a googlefont for the text. As I have quite a few menu items I have them set to 'auto' width. Is there a fix to make all the others look like it does in Firefox or do I need to shorten my menu items by changing titles/reducing padding, etc.?
Working page can be viewed at www.ikanizi.com/index2.html
Many thanks.

Anyone who increases their browser's text size will see the same thing. For wiggle room, reduce top-level links from 11 to no more than 7.
Nancy O.

SPRY Vertical Menu Problem

Hey Guys,
I am have been trying to figure this thing out for hours. I
am new to coding. I made a vertical menu with one sub menu in
products. It works fin on my mac computer when running it on
firefox and safari, but when I run it on on a pc in Internet
Explorer it does not work. Can you please help me, I have a
deadline I am trying to meet.
here is the link:
http://www.fcsenterprises.com/test/cabinetman/index.html

Hi,
I'll give exactly the changes you have to do to have the menu
working on both browsers:
On the SpryMenuBarHorizontal.css file make the following
changes:
- on this rule: ul.MenuBarHorizontal li.MenuBarItemIE ,
delete background: #FFF; property. (This seems to have an influence
here)
- on this ul.MenuBarHorizontal li rule add a fixed height,
height: 30px for example;
- on this ul.MenuBarHorizontal iframe rule add the line:
filter: alpha(opacity=0.1); (This is a known bug that is fixed for
Spry 1.6)
Diana

Hover Hyperlink State in Drop-Down Menu and other Hyperlink display problems

Hi World!
So, I'm finishing my new website for a client, but a have some problems:
At first:
I putted a Drop-Down Menu and it contains hyperlinks. Normal. But, I can't give a specific state to each hyperlink in the under-menus, I only can put a state for the global link in the Under-Menu! I can put a hover state to a normal HyperLink but not those into a Drop-Down Menu! It is normal?
How can I make that each link in the Under-Menu has a specific hover state and not all together in the same group! (pictures jointed)
(what I want to do with the links into the menu. - Juste a picture, not from A-Muse)
Then:
When I want to manage my website on BusinessCatalyst, I see strange underlines under my Menu links! (picture). But on Adobe Muse, I see no underline to these links! What's the matter? ^^
(when it's on the prewiew mode)
(On A-Muse)
RESOLVED! But not completely. I've made a Hyperlink-style, but it doesn't works...
On the prewiew (with the hovering mouse)
EDIT: In the menu, "Accueil" and *Gérants Indépendants" musn't open another window under. So I made independent forms on the menu. But can I make that those one are in the menu TOO? I don't want to open the blue window for those one.
Thanks a lot!
O.

http://metisfiance.businesscatalyst.com/
That's the link!
No I just can't "activate" the hover-modes, like the pictures! Normally, Adobe Muse must be easy to use and i used Muse like I have to do and so,.. It doesn't work^^ Why? You have now the link, I hope you can help me

Spry Vertical Menu and other problems

Similar Messages

Maybe you are looking for