Spry Menu, drop down width?

Hello, is it possible to change the width of the dropdown menu? For eg: http://uk-hoster.co.uk/clients/monvirtual/index.php/ under OPERATIONS is it possible to make the widths bigger so words arnt seperated into 2/3 lines?
Regards

Open SpryMenuBarHorizontal.css file in code view. Adjust width in ems (denoted below in bold) as required.
/* 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: 14.5em; /**adjust as needed**/
    position: absolute;
    left: -1000em;
    background-color: #72246c;
/* 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;
    background-color: #72246c;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 14.5em; /**adjust width as above**/
    background-color: #72246c;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Horizontal spry menu drop down background issue in Firefox

Hi, I have used the spry horizontal menu (version0.6) with drop down sub menus in a site that I am building. The menu is working fine in IE but the submenus do not show background colour or images in firefox or Chrome. I have looked on numerous sites for a fix but have had no luck with finding a resolution. Can anyone help? Or shall I start looking for a new menu script?
Thanks
Mark

Add/modify the following style rule adjusting the values to suit
ul.MenuBarHorizontal a {
background: red url(home-button.png);

Frames and spry menu drop downs

Final question here. How do I make the drop down menus appear
in front of the bottom frame instead of behind it.
If I have a long menu list, only the first few are visible,
the remainder are hidden behind the bottom frame.
looking for a "send to back" if you will

There is no practical way to make a layer (that's how
drop-down menus work)
cross the boundary between two separate frames (i.e., two
unique HTML
pages).
It is true. Your choices are limited now -
1. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
2. Redesign your menus so that they do not need to span a
frame boundary.
3. Redesign the frameset so that you leave enough room for
the largest
popup.
4. Move the layer code for the popups from the page in the
navigation frame
to each page in the content frame.
5. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
I recommend either #1 or #5, depending on what your needs
are. You just
have no idea the horrors that await you if you continue with
the frames.....
8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"buckyp" <[email protected]> wrote in
message
news:fpkkd6$503$[email protected]..
> Final question here. How do I make the drop down menus
appear in front of
> the
> bottom frame instead of behind it.
>
> If I have a long menu list, only the first few are
visible, the remainder
> are
> hidden behind the bottom frame.
>
> looking for a "send to back" if you will
>

HELP! My spry menu drop-downs won't "un-drop".

I'm sure this is a simple fix, but I'm new to Dreamweaver and don't really know what I'm doing yet. Any suggestions?

As an FYI, Adobe stopped supporting the Spry framework late last year after CS6 was released. You might want to consider replacing Spry with a menu system that better supports modern browsers like IE10 and Touch Screen devices.
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O.

Spry Vertical Drop Down Menu- Links Moving about!

Hi Everyone.
I wondered whether anyone might be able to tell me what I am doing wrong?
When I go to create a spry vertical drop down menu using images instead of text as the links - all of my links jump slightly to the right. Or, in the case of sub-menus - slightly down.
I have put together a dodgy example below. I don't understand why it is moving the images around.. What am I doing wrong?
Apart from removing the original text and pressing insert > image object > rollover image - I have not changed any significant settings on the spry menu.
Edit: I have also tried adding "position: absolute;" tags to the spry coding, but it hasn't made any difference.

Please let me know how you can post code?
-jrntmd8r88

Spry Tab/Drop Down Menu conflict

When using spry tabs, my drop down menus go behind the tabs
and can't be read. This only happens on pc's. I am creating the
website on a mac running leopard. The template company is not
familiar with spry. It does not occur with spry accordiom.
http://www.gloucestertownshipschools.org/parentassoc.htm
Thanks for any insight anyone can provide.

Webkil wrote:
> I just created a spry horizontal drop down menu and have
a transparent
> background on the main menu. The transparency is there
with all browsers except
> IE. Wondering if anyone knows the problem.
>
> Thanks
>
> @charset "UTF-8";
>
> /* SpryMenuBarHorizontal.css - Revision: Spry Preview
Release 1.4 */
First thing you should do is to update to the latest version
of Spry which is Spry 1.6.1. Install the updater:
http://www.macromedia.com/go/labs_spry_download
Or grab the files from the Spry download package, I think
that they are in there:
http://labs.adobe.com/technologies/spry/home.html
Or pull directly from:
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarVertical.css
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBar.js
Also, there's a forum dedicated to Spry, so it would be
better to be asking Spry questions there:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Regardless, you should post a link to your page, as it is
quite common to need to look at code from many of the files that
comprise the final page your visitors receive.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Spry Horizontal drop downs not working in Chrome or FF

Hi,
I used the Spry Horizontal Drop downs, and they work fine locally and in IE, but not in Chrome or FF, you can't see the drop down sub menus. I'm using DW cs3, updated spry 1.6.1
Here is a link to the site
http://youcanseeithere.com/spa4/index.html
thanks so much, any help would be greatly appreciated

This is where your problem lies
#header {width:100%; overflow:hidden;}
The best way out of this is to make logo.png a background image

Spry region drop-down list problems in IE

Can someone please help me determine the reason that IE does not display the correct item in a spry region drop-down list when first opening the site. You can see the problem at http://www.minursemap.org/agedistnurse.html. The initial item in the drop-down list should be Alcona with the corresponding graphic displayed in the detail region. In Firefox, this works correctly. When first opening the page in IE, the graphic is Alcona, but the drop-down list displays Wexford (the last item in the list). From then on, all of the links work correctly.
The code for the two regions is below. Thanks in advance for assisting someone new to spry.
<div id="ctyname">
     <div spry:region="dsChartNurse">
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option value="{ds_RowID}">{name}</option>
       </select>
</div> 
</div>
<div id="image">
   <div spry:detailregion="dsChartNurse">
        <div align="center" style="padding-bottom:15px"><img src="{dataimage}" width="405" height="202" />
        </div>
   </div>
</div>

Try the following code to replace yours:
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option spry:if="{dsChartNurse::ds_RowID}=={dsChartNurse::ds_CurrentRowID}" spry:selected="selected" value="{ds_RowID}">{name}</option>
         <option spry:if="{dsChartNurse::ds_RowID}!={dsChartNurse::ds_CurrentRowID}" value="{ds_RowID}">{name}</option>
       </select>
I hope this helps.
Ben

Spry horizontal drop down problem in IE

I would appreciate some help with a project I'm working on. My spry horizontal drop down menu looks best in Apple Safari on a Mac and looks worst in IE 8 on a PC. There are also some problems apparent in Firefox for both PC and Mac.
The problem in IE is that the horizontal bar is not the correct height even though I have set the height in the css:
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    font-family: "Arial Narrow", Arial, Helvetica;
    font-size: 10pt;
    padding-top: 0.7em;
    padding-bottom: 0em;
    font-weight: normal;
    background-repeat: repeat-x;
    background-image: url(/2011images/gradientnav.jpg);
    height: 30px;
The drop downs are the correct size, just the top menu bar that is not the right size.
The menu bar is the correct height in Firefox and Safari, but in Firefox the menu bar is a few pixels higher than it should be.
Here's the page I'm working on.
http://westernstage.com/2011index.html

This may help http://foundationphp.com/tutorials/sprymenu/customize1.php
Also have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps

All the menu drop-downs just flicker when I press them.

All the menu drop-downs (File, Edit, View, etc.) don't display and hold when I press any of them. They flicker on but immediately the content disappears and all that's seen is a ghost outline of the drop-down box. This happens with the major menu items as well as all of the sub-menu items.

Try to disable hardware acceleration.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

Professional Menu Drop-Downs

My apologies if this is the wrong section. I am working on creating my own website http://www.outlookcounseling.com and was wondering if there are any good examples of standard JS drop-downs. I attempted using a script I found online; however, the menu drop-down was a little too dynamic for my liking and the menus themselves are not user friendly. Unfortunately, my javascript abilities are subpar so I've come online for help.
Thanks!

Try http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
Gramps

On updating from FF3.5.10 to FF3.6.6; No session-restore option, no menu drop-down "Recently bookmarked" list. (winXP sp3)

On updating from FF3.5.10 (good :-) to FF3.6.6 (bad :-( ): No session-restore option; no menu drop-down "Recently bookmarked" list. (Sys=winXP sp3)
1. can a non-techy fix this? :-(
2. how do I recover to FF3.5.10? - I liked it very much ! - thanks to all at Mozilla :-)

Make sure that you not run Firefox in [[Private Browsing]] mode.
In Private Browsing mode some menu items are disabled (grayed) and some features like visited links and others are disabled and not working.
You are in Private Browsing mode if you see "Tools > Stop Private Browsing".
See [[Private Browsing]] and http://kb.mozillazine.org/Issues_related_to_Private_Browsing

How to hide menu drop downs layout

Can I hide the menu drop downs on my layout pages? They interfere with laying out text and images.

Hi wayneswhirld,
Click on the small blue icon next to the menu widget and select top pages. That should hide the drop down menu.
Regards,
Abhishek Maurya

I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

You have 2 versions of Pages on your Mac.
Pages 5 is in your Applications folder.
Pages '09/'08 is in your Applications/iWork folder.
You are alternately opening the wrong versions.
Pages '09/'08 can not open Pages 5 files and you will get the warning that you need a newer version.
Pages 5.01 can not open Pages 5.1 files and you will get the warning that you need a newer version.
Pages 5 can open Pages '09 files but may damage/alter them. It can not open Pages '08 files at all.
Once opened and saved in Pages 5 the Pages '09 files can not be opened in Pages '09.
Once opened and saved in Pages 5.1 files can not be opened in Pages 5.
Anything that is saved to iCloud is also converted to Pages 5 files.
All Pages files no matter what version and incompatibility have the same extension .pages.
Pages 5 files are now only compatible with themselves on a very restricted set of hardware, software and Operating Systems and will not transfer correctly on any other server software than iCloud.
Apple has removed over 100 features from Pages 5 and added many bugs, including files that refuse rto open:
http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&sid=3527487677f0c 6fa05b6297cd00f8eb9&mforum=iworktipsntrick

Flash Menu Drop down buttons

Hi all,
Im interested in creating a banner type flash menu with a
header for each button and then once the mouse is clicked over the
button a menu drops down with more buttons.
Any help please?

to clarify if i need, just the ones on the Macromedia site at
the top.
Any help?

Spry Menu, drop down width?

Similar Messages

Maybe you are looking for