Spry submenu positioning help

Can anyone help me with this? I have a horizontal spry menu
that takes the entire width of the page. There are submenus for
each item that default to appearing below and extend to the right
of each item. This is fine except for the last two items on the
right whose submenus extend off the screen to the right. I've tried
making a class to change the positioning of these last two
submenus, but this changes their visibility to alway visible,
instead of just when moused-over. Sorry if someone's answered this
before, but I been searching and not found anything.
Thank you.

Hi,
I finally figured out how to post the page on another site. The link below shows the page with the poorly positioned spry menu.
http://www.emiliocorsetti.com/publish/two_column.html
Thanks,
Emilio

Similar Messages

Spry submenu position !

I'm new to dreamweaver and I decided to use spry menu (vetical) for the first time .
the problem is I want to set it on the right , therefor I need to make submenues appear to the left and not to default right !
which code should I modify ?

Hi,
The position of Spry Menu Bar submenus is controlled by the margin property    on submenu ul tags.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the margin: -5% 0 0 95%; default      values to the desired values.
Try
ul.MenuBarVertical ul
    margin: -5% 0 0 -95%;
I hope this helps.
Ben

Problems with Spry submenu appearing directly underneath parent in IE.

I've checked out a lot of forums but I can seem to find a solution to my spry issue. My spry submenu will not show up directly underneath the parent in Internet Explorer. Firefox and Safari look fine. I'm somewhat new to the Spry menu so any help would be appreciated. Here is my site: www.mattcreason.net. It's the portfolio tab.
Here is my SpryMenuBarHorizontal.css code:
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, 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;
background-repeat: no-repeat;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* 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: 12pt;
position: relative;
text-align: left;
cursor: pointer;
width: 163px;
float: left;
background-repeat: no-repeat;
visibility: visible;
/* 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: 163px;
position: absolute;
left: -1000em;
height: 48px;
top: 48px;
/* 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
position: absolute;
width: 163px;
left: auto;
top: 48px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 163px;
background-color: #8C0002;
/* 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;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: #FFFFFF;
/* 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: #B89B5C;
/* 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
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-repeat: no-repeat;
height: 48px;
width: 163px;
padding: 0px;
clear: none;
float: none;
margin: 0px;
background-image: url(../jpegs/PortfolioButton.jpg);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
/* 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-repeat: no-repeat;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/* 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-repeat: no-repeat;
background-position: 95% 50%;
background-image: url(../jpegs/PortfolioRollover.jpg);
/* 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;
/* 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;
Thank you!

You not are using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Gramps

Spry submenu is hidden by iframe on page

I normally do not use iframes but this particular site requires that i do.
I am using spry horizontal menu bar and the drop down submenu under products is hidden by the iframe. I have tried several variations with position and z-index but can't get the submenu to show on top of the iframe.
http://www.airpowerservicesinc.com/kaeser_aftercool_air.php
thank you for any help,
Jim Balthrop

I found out the problem is not with the iframe itself, but i was using the iframe to display a pdf file and
found out that browers do not support showing a pdf file on a web page. So I guess that is why the spry submenu will not show on top of the iframe, because it displays a pdf file. When i had the iframe display a php page, the spry submenu showed on top of the iframe.
Jim Balthrop

Weird Spry Submenu Effect in Internet Explorer

It looks like the first category item of a Spry submenu is stretching vertically to the same length of the Spry sub sub menu to the right. It works fine in Safari and Firefox. It is only doing this in IE 8 on a pc
Any idea why this might be happening?
Go here to see a photo of it.
http://www.advservices.biz/newsite/Photo015.jpg
To check out the site itself, go here
http://www.advservices.biz/newsite/newsiteindex.html
Thank you!

I am not sure if the following is the cause of the problem but try it.
/* 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;
     ul.MenuBarHorizontal ul li.MenuBarItemIE
          display: inline;
          f\loat: left;
The second set of rules should be deleted.
I hope this helps.
Ben

Spry submenu shows on top in ie

Help, I have tried everything. My product spry submenu works in every browser except ie. The address is www.timelessflooringdesign.com.
Thanks

You are not using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Gramps

I can´t see the Menu Spry submenu because a slideimages hide

I can´t see the Menu Spry submenu because a slideimages hide. The slide image is under the spry horizontal menu, so when a put the mouse over, the submenus open behind the slide images.
How can I repair.
Thanks a lot, I can´t continue my work because of this.
Sorry for may english.
Thank you.

Assuming that the image slider is coded in JS and not Flash, there should be a z-index specified. Usually the value of the z-index is some absurdly high number. The challenge is to give the sub menu items of the menu bar a higher z-index value or to reduce the z-index of the image slider to a value lower than that of the menu bar.
The value of the z-index (1020) for the menu bar is located on or about line 48 of the SpryMenuBarHorizontal.css

HELP-Spry Vert submenu position

This page uses default styles from the menubar spry widget.
I've not monkeyed with this code at all, just renamed the .css and
.js files. This is version 1.6.1.
When you load this page in IE6/7, the submenu is aligned with
the top of the parent menu instead of next to it's parent item in
the main menu (Item 3). When you mouse over Item 3, the submenu
appears at it's correct location. This works correctly in FF and
Safari. it's a shame I can't use the Spry menu for this reason.
Seems like it should be an easy fix by I'm a CSS/JS rookie.
Please visit:
Test
Page
I've posted asking for a fix to this numerous times on the
Spry Prerelease forum with no responses. Hopefully someone here can
look and offer a fix. I've seen the problem posted in a few other
forums, but no solutions I could put to use.
Thanks.

It is no longer performing properly
It now opens with submenu 3 already open and aligned with
Item 1
"stanmc" <[email protected]> wrote in
message
news:g1mpfc$cct$[email protected]..
> This page uses default styles from the menubar spry
widget. I've not
> monkeyed
> with this code at all, just renamed the .css and .js
files. This is
> version
> 1.6.1.
>
> When you load this page in IE6/7, the submenu is aligned
with the top of
> the
> parent menu instead of next to it's parent item in the
main menu (Item 3).
> When
> you mouse over Item 3, the submenu appears at it's
correct location. This
> works
> correctly in FF and Safari. it's a shame I can't use the
Spry menu for
> this
> reason. Seems like it should be an easy fix by I'm a
CSS/JS rookie.
>
> Please visit:
>
http://www.vwc.com/ATC138_test/SpryMenuBarVert_Test.html
>
> I've posted asking for a fix to this numerous times on
the Spry Prerelease
> forum with no responses. Hopefully someone here can look
and offer a fix.
> I've
> seen the problem posted in a few other forums, but no
solutions I could
> put to
> use.
>
> Thanks.
>

How to position spry submenu items ABOVE main horizontal menu

I am building a site for a new client. (Using DW CS4) I have
inserted a navigation bar using the spry nav widget, which I am
familiar with. However, what I am NOT familiar with is the
positioning of the submenu items. Normally, the default is fine.
However, where the bar is located - the client wants the
submenus to display above the main menu bar.
How do I accomplish this? I understand it will be in the CSS
somewhere, but unsure of as to where (and what) changes.
At the risk of jumbling up the post here, - here is the CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release
1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box
with no margin or padding */
ul.MenuBarHorizontal
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
padding: 0;
margin: 0;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zi...
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: center;
cursor: pointer;
width: 132px;
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: #7D8BAE;
padding: 0.5em 0.75em;
color: #FFFFF5;
text-decoration: none;
border-right-width: 2.5px;
border-left-width: 2.5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #536186;
border-right-color: #536186;
border-bottom-color: #536186;
border-left-color: #536186;
/* 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: #DFE2EC;
color: #7D8BAE;
/* 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: #DFE2EC;
color: #7D8BAE;
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-rep
Thanks
Mike

libertymike wrote:
> However, where the bar is located - the client wants the
submenus to display
> above the main menu bar.
>
> How do I accomplish this?
I answered the same question in the Dreamweaver online help
page
"Customize the Menu Bar widget".
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSEE4C0148-A6F4-4bf5-9DEF-CE06AB026214a .html
Scroll down to the comments section, and look for my answer
to Alve
Henricson's question dated February 8, 2009.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

HELP! Spry Submenu No Longer Working in Firefox

This used to work, I've made some changes to the site, adding
to the menu etc. now the submenus no longer collapse in Firefox,
fine in IE. I haven't changed the JS from when it used to work,
although, here's the bottom half, attached below. Here's the index:
http://hollycontracting.com/dev
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release
1.6.1 */
/* 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: 5px;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 9em;*/
/* 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
background-image:url(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat:repeat-x;
margin:0;
padding: 0;
list-style-type: none;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
position: relative;
text-align: left;
cursor: pointer;
width: 10em;
/* 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
background-image:url(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat:repeat-x;
margin: 0 0 0 130%;
padding: 0;
list-style-type: none;
font-size: 11px;
font-weight:bold;
color:#161616;
position: absolute;
z-index: 1020;
cursor: default;
width: 8em;*/
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: 6.5em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #161616;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0px solid #161616;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-image:url(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat:repeat-x;
padding: 0.5em 0.75em;
font-size: 11px;
font-weight:bold;
color:#C3922E;
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(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat:repeat-x;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
/* 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-image:url(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.gif);
background-repeat:repeat-x;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
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(wwww.hollycontracting.com/dev/SpryAssets/SpryMenuBarRightHover.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(wwww.hollycontracting.com/dev/SpryAssets/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;
filter:alpha(opacity:0.1);
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* 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;

Search teh forums some have reported that removing the cache in Safari resolves this issue
LN

Spry Vert Menu - Submenu position in IE

Hi - I've waited for a week for an answer from the Spry
Framework discussion forum and no answer, so hope to get one here.
I've searched through numerous posts, but none of the solutions
seemed to work.
The problem: Spry vertical menu, when a secondary page is
loaded with the submenu visible, the sub moves to the top of the
div. It won't stay aligned with it's parent menu item. I tried
updating to Spry 1.6 and had more problems so backed up to 1.4.
Works fine in FF, Safari.
Sample Link: <
http://www.vwc.com/ATC138_test/industry-construction.html>
Thanks for any help.

Any help out there?

Spry Submenu in IE not displaying correctly and appears way out of position

I have used a horizontal spry menu with submenu's
(www.nationalbartender.co.uk). Everything works fine except for in
IE the submenu's look different and they dont hover over everything
else. Instead they move the content down the page to make room and
appear horizontally across the page instead of underneath each
other. A nightmare thats taking ages to sort. If anybody can take a
quick look at the site. Maybe view it in Safari and then in IE and
offer any guidance I would appreciate it! cheers.

I haven't been able to get my site posted up yet. Here is a link to it anyway:andrearosales.com
I will be working on connecting my files up to my server. At the moment, here are some screen shots of some messages that I am getting when I am saving my file.
I'm not sure what to make of these messages. I tried to put a new spry horizontal menu bar on my main page, and when it appeared, it displayed as a spry vertical menu bar.
Here is a picture of what it looks like:
I"m going to refer to the links that were suggested to me though. I'm not sure if pictures of the code will help to solve my problem. I'm going to try again to connect my files to my server though.

SPRY submenu text color help needed.

I've created a vertical SPRY menu bar over a dark background
image in a left sidebar. The text is white and the background is
set to none (transparent).
When the submenu opens to the right it's on a white
background (over the main content area). Because the text is set to
white, you cannot see the submenu links.
Is there a way to change only the submenu links to black? I'd
also like to change the background color of the submenu links.
Thanks in advance for your assistance.

http://labs.adobe.com/technologies/spry/home.html
- This first link is the Spry home page. There you will find an
updater to Spry that if you have not downloaded up to this point,
you should I will explain why shortly. Inside the package you will
find a ton of samples and an Extension. Install the Extension and
restart DW. Then under the Sites menu you will see a new option to
update your Spry. Run that updater.
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
- This page will show you how to make the necessary customizations.
The last two examples will help you out. All you will need to do is
read through the source code of the document. There is no need to
read through the source of the CSS file because they show you the
changed CSS on that page. Just apply those changes to your CSS
SpryMenuBarVertical.css document where the tag matches. If there is
no matching tag you will need to just copy and paste the entire
portion but I don't think that is the case with your menu. Also
your entries will be Menubar 8 & 9 in the source code, but to
find the matching code in your css document just replace the
MenuBar8 or 9 with MenuBarVertical.
If you have not done a lot of work with CSS before I would
highly recommend reading this tutorial before going through any of
the above steps:
http://www.w3schools.com/css/

Urgent help need with Spry Submenu Bar

Am new to Dreamweaver and do not use code. Am trying to align spry submenus directly below their respective spry menu bars. Please advise as to what CSS style I need to modify and what I should necessarily modify within that style.
Thank you.

Am new to Dreamweaver and do not use code.
Welcome to Dreamweaver. If you don't use code, now is the time to start learning. Otherwise, everything you do in Dreamweaver is going to be an uphill struggle. Dreamweaver is a professional web development tool that requires at least a basic knowledge of both HTML and CSS. You can find a lot of CSS tutorials in the Adobe Developer Connection at http://www.adobe.com/devnet/dreamweaver/css.html.
Spry submenus automatically line up with the main menu items, so it sounds as though you have done something to knock them out of alignment. The only way that anyone can help with design issues is for you to upload the problem page to a site, and post the URL here. Since you're new to both Dreamweaver and the forum, take a few moments to check out How to get help quickly and the Dreamweaver FAQ. Both should save you some time.

Spry Horizontal Menu bar - submenu position

I'm new to spry so apologies in advance if this has been
posted before.......
I'm putting together a new site using the spry horizontal
menu bar - I've managed to put together a CSS format which works
well in both FireFox and IE7 EXCEPT for the position of the
sub-menus below the main menu bar. IE7 seems to position the sub
menu relative to the top right corner of the parent menu item.
Firefox seems to position it relative to the bottom left corner -
and I can't find a solution which works for both browsers. Any
ideas?

You must have fixed it in the meantime as I see no problem.
Gramps

Spry submenu positioning help

Similar Messages

Maybe you are looking for