Adding a down state to the spry menubar

Does anyone know of a easy way to add a down/click state to the menu items? I'm not too much of a javascript expert so from what I can tell it seems like I am limited to the current functionality of the script. Any suggestions?

Ignore the javascript (which also means, don't mess with it).
Restyle the CSS. Go into your stylesheet CSS file and add style selectors or edit the ones that are already there that style for hover:
/* 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;
Beth

Similar Messages

Spry MenuBar Active

Is there a way to set the active state on the Spry MenuBar?
Have looked through the forums and not found solution with Spry. I
have this code set up:
quote:
<ul id="MenuBar5" class="MenuBarHorizontal">
<cfoutput>
<li><a id="home" href="
http://#Variables.sDomain#/index.cfm">Home</a></li>
<li><a id="directories" href="
http://#Variables.sDomain#/index.cfm?sPageInclude=Menu.cfm&PageID=11">Directories</a></li>
<li><a id="reports" href="
http://#Variables.sDomain#/index.cfm?sPageInclude=Menu.cfm&PageID=12">Reports</a></li>
<li><a id="documents" href="
http://#Variables.sDomain#/index.cfm?sPageInclude=Menu.cfm&PageID=13">Documents</a></li>
<li><a id="financial" href="
http://#Variables.sDomain#/index.cfm?sPageInclude=Menu.cfm&PageID=14">Financial</a></li>
<li><a id="aboutUs" href="
http://#Variables.sDomain#/index.cfm?sPageInclude=Menu.cfm&PageID=15">About
Us</a></li>
<li><a id="helpDesk"
href="mailto:[email protected]">HelpDesk</a></li>
</cfoutput>
<li>
<cfif IsDefined("Client.EmployeeID")>
<a id="logout"
href="/index.cfm?Logout=1">Logout</a>
<cfelse>
<a id="login"
href="javascript:OpenLogin('/index.cfm');">Login</a>
</cfif>
</li>
</ul>
<script type="text/javascript">
</script>
I'm interested in putting this 'request' to work on several
in-house sites.
Thank you,
Gary

The last solution worked fine if
- You only had one layer of menus
- you were willing to manually create the menus and links,
not using the properties tool in DW
because that solution wrapped the menu calls in php tags so
javascript calls got messed up
This solution will give you the ability to
- have more than one level of menu (I used two, you can
extend the thinking to more layers if you want)
- like using the DW tools and property window to create
menus
(in other words, it is a much better, more refined solution
=============================================================
<div id="container">
<div id="header">
<h1>Ayuda</h1>

</div>
<div id="SubHeader">
<div id="NavBar">
<?php
// Get the name of this page - the page being viewed
$ThisPage = $_SERVER['PHP_SELF'];
$ThisPage = basename($ThisPage);
// Set to "BeingViewed" the style for the MenuItem of this
page
// and the style of the MunuItem of all the pages in the
path to get to this page
// including the top-level MenuItem
// with the "BeingViewed" style being defined in the header
above or CSS
// This changes the style
// so that the MenuItem of the page being viewed and in the
path
// look different than the MenuItem for the other pages
// Note that the "NotBeingViewed" style (also defined in the
header above or CSS)
// does nothing. It just leaves the MenuItem as is
// Create one array per top-level MenuItem,
// with all the subordinate pages to that MenuItem included
in the array
// Make sure each page is included in one of the arrays
// Even if a page can be reached by more than 1 path
// it is better (but not mandatory) to include it in only
one path here
// So each page is ideally in one and only one array
// Declare the number of top-line MenuItems
$NumMenuItems = 6;
// Enter each the pages subordinate to each MenuItem in its
respective arrays
// Make sure to label the array variable $Menu[X] where X is
the sequence 0,1,2,...
$Menu[0] = array("index.php");
$Menu[1] = array("AboutUs.php");
$Menu[2] = array("Services.php");
$Menu[3] = array("Customers.php","Pantry.php");
$Menu[4] = array("ContactUs2.php");
$Menu[5] = array("sitesearch.php");
// Initialize the style for all MenuItems to
"NotBeingViewed"
for ( $i=0 ; $i < $NumMenuItems ; $i++)
$CountMenu[$i] = count($Menu[$i]);
for ( $j=0 ; $j < $CountMenu[$i] ; $j++)
$MenuItemStyle[$i][$j] = "NotBeingViewed";
// Set the style for all MenuItems in the path to the page
being viewed to "BeingViewed"
for ($i=0 ; $i < $NumMenuItems ; $i++)
if (in_array($ThisPage,$Menu[$i]))
// Set the style for the top and landing page to
"BeingViewed"
$MenuItemStyle[$i][0] = "BeingViewed";
$LandPageNum = array_search($ThisPage,$Menu[$i]);
$MenuItemStyle[$i][$LandPageNum] = "BeingViewed";
else
// Leave the style for this whole menu as NotBeingViewed
?>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.php"><span
class="<?php echo $MenuItemStyle[0][0];
?>">Home</span></a> </li>
<li><a href="../AboutUs.php"><span
class="<?php echo $MenuItemStyle[1][0]; ?>">About
Ayuda</span></a></li>
<li><a href="../Services.php"><span
class="<?php echo $MenuItemStyle[2][0];
?>">Services</span></a></li>
<li><a href="../Customers.php"
class="MenuBarItemSubmenu"><span class="<?php echo
$MenuItemStyle[3][0]; ?>">Customers</span></a>
<ul>
<li><a href="../Pantry.php"><span
class="<?php echo $MenuItemStyle[3][1];
?>">Pantry</span></a></li>
</ul>
</li>
<li><a href="../ContactUs2.php"><span
class="<?php echo $MenuItemStyle[4][0]; ?>">Contact
Us</span></a> </li>
<li><a
href="../z_HiddenPages/sitesearch.php"><span class="<?php
echo $MenuItemStyle[5][0];
?>">Search</span></a></li>
</ul>

</div>

</div>
<div id="mainContent">

Select this text and replace it with the content you want on
this page


</div>
<div id="footer">
<p>Thank you for visiting our site.</p>

</div>

How can I create a navigation bar in the template so I can change the down state of a button on a page made from the template in DW3?

We're creating pages from a template in DW3. The template includes a header, footer and a navigation bar. We've made the navigation bar an editable region so that we can change the down state of the buttons on pages where it is required. However, when we make a new page from the template and try to change the behaviors of the buttons in the navigation bar it will not allow us to make those changes.

Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Spry Menubar 2.0 Fallback

Hi All,
Just finished adding and styling the Spry Menubar 2.0 for a new template on my site.
http://sfgraphicdesigner.com.au/services.htm
Just wondering what the fallback options are for the Menubar.
The Spry 1.6 Menubar degrades quite gracefully but as the Spry UI creates the a lot of the markup on the fly it looks shocking when Javascript is disabled.
Any thoughts?
Cheers,
Stephen

Hi Lon,
Yeah that's exactly what I'm talking about.
I know I could make this easier on myself with a CSS version but I wouldn't learn anything that way lol!
Plus I have a lot of other sections planned for my site which the Spry Menu will be useful for.
Found some links for a possible answer, haven't had a chance to review them properly yet:
http://css-plus.com/2010/06/how-to-make-a-jquery-drop-down-menu-with-a-css-fall-back/
http://www.simonbattersby.com/blog/jquery-dropdown-menu-plugin-with-css-fallback/
http://www.twinhelix.com/dhtml/fsmenu/
Thanks for the replies,
sf d;-)=

Spry Menubar in table -problem in IE

I'm a newbie to web design and this software...having said
that here is my issue:
I inserted a horizontal Spry menu bar in a cell of a table.
When viewed in Firefox, all is well. When viewed in IE, the Spry
menubar is no longer in the cell but dropped well below and to the
right of the entire table.
Any idea where to correct this?

I'm a newbie to web design and this software...having said
that here is my issue:
I inserted a horizontal Spry menu bar in a cell of a table.
When viewed in Firefox, all is well. When viewed in IE, the Spry
menubar is no longer in the cell but dropped well below and to the
right of the entire table.
Any idea where to correct this?

Using Spry MenuBar in a FrameSet

Hello,
I would like to use a Spry MenuBar in a fixed top frameset and redirect the link to the bottom frame. However, when I insert the menubar into the top frame, the Spry MenuBar "widget tab" will not show thus not allowing me to configure the menuing other than directly editing in code view.
Any help you can asist with will be appreciated.
Thanks in anvance

I see this is your first post at the Dreamweaver Spry Forum. Welcome!
Framesets are an old way of constructing pages. I don't have specific knowledge about how they work with Spry, but it appears that the answer to that is "not well." In construction, a frameset is a set of child pages arranged in a containing frame.
I suggest that you would be much happier running through a good tutorial on the modern way of building web pages, which is with Cascading Style Sheets. You can easily incorporate Spry MenuBars into those pages.
Here is a link to such a tutorial: http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html
Beth

Spry MenuBar Help

Is there anyway to get the Spry MenuBar to align and work properly in each of the table cells, like the menu below it? I have placed each of the main buttons (home, core IT, option IT, biography and help) into a separate <td> cell. It's really annoying me, I spent around 5 hours yesterday just trying to get it to work, and it works outside of the table cell, but it appears like that inside <td> cells. =/
http://dylricho.com/portfolio/help/test.htm
Also, the error messages that popup on screen are confusing. Both of the files required are uploaded and in the same directory as all the other scripts. =/

1. Yes, but you must have a different menu ID and corresponding constructor for each table cell as follows
<td>
     <ul id="MenuBar">
     
     </ul>
</td>
<td>
     <ul id="MenuBar_2">
     
     </ul>
</td>
<script>
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarLeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
// BeginOAWidget_Instance_2141544: #MenuBar_2
var MenuBar_2 = new Spry.Widget.MenuBar2("#MenuBar_2", {
      widgetID: "MenuBar_2",
      widgetClass: "MenuBar MenuBar_2LeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
2, The online SpryWidget.js is corrupt. Upload a fresh un-corrupted version

Windows 2008 R2 SP1 Enterprise TS Sessions stuck in Down state

I have an environment of 30 physical Windows 2008 R2 SP1 Enterprise servers providing Remote Desktop services running Citrix XenApp 6.5. Over the last 2 months, I've had two instances where one user session was stuck in a "Down" state. The user
could not log in or reconnect to the published app because this one session could not be cleared. I was forced to remove the affected server from the published app, clear off all the users, and reboot in order to clear the Down session.
Research brought me to the following KB articles:
http://support.citrix.com/article/CTX128192
http://support.microsoft.com/kb/2383928
I attempted to apply the hotfix, but it was "not applicable to your computer". I opened a ticked with MS and the conclusion was that the hotfix, and subsequent versions of the hotfix, have been superseded by Windows Updates. The hotfix apparently has
been rolled into public Windows Updates.
My problem is that this behavior still exists. Has anyone else experienced this and is there a nondestructive method (without rebooting) for clearing out these sessions stuck in a "Down" state? Thanks.

OK. We sent the files over to Microsoft to check on this issue. They came back with the following information.
While we are usually skeptical of Hotfixes, several of these descriptions are on the money. We will not complete the entire list, but will start with the exact match descriptions and apply one at a time.
<<<<<Microsoft Engineers response>>>>>>>>>>>>>>>>>>
We looked at the MSDT data and found the version of “win32k.sys” is old.
Module[ 2] [C:\WINDOWS\SYSTEM32\WIN32K.SYS]
  Company Name:      Microsoft Corporation
File Description: Multi-User Win32 Driver
Product Version:   (6.1:7601.17860)
File Version:      (6.1:7601.17860)
We advise you to install the following hotfix to update Win32k.sys to the latest version.
2661332 You cannot reestablish a Remote Desktop Services session to a Windows Server 2008 R2-based server
http://support.microsoft.com/kb/2661332/EN-US
Also, I checked that these are not installed on the machine, please install the following hotfixes as they update all the components to their latest versions and we have seen similar cases in the past which were resolved after these hotfixes were installed.
2383928 Remote desktop sessions do not completely exit, and you cannot establish new remote desktop sessions to a computer that is running Windows Server 2008 R2
http://support.microsoft.com/default.aspx?scid=kb%3bEN-US%3b2383928
979530 A Windows Server 2008 R2-based Remote Desktop server denies some connection requests randomly under heavy logon or logoff conditions
http://support.microsoft.com/default.aspx?scid=kb;EN-US;979530
2578159 The logon process stops responding in Windows Server 2008 R2 or in Windows 7
http://support.microsoft.com/default.aspx?scid=kb;EN-US;2578159
2465772 An application or service that uses Winsock API or Winsock Kernel API may randomly stop responding in Windows Server 2008 R2 or in Windows 7
http://support.microsoft.com/default.aspx?scid=kb;EN-US;2465772
2265716 A computer that is running Windows Server 2008 R2 or Windows 7 stops responding randomly
http://support.microsoft.com/default.aspx?scid=kb;EN-US;2265716
975777 There is a delay when you shut down, restart, or log off a computer that is running Windows 7 or Windows Server 2008 R2
http://support.microsoft.com/default.aspx?scid=kb;EN-US;975777
2505348 High CPU usage or a lengthy startup process occurs during WMI repository verification when a large WMI repository exists in Windows 7 or in Windows Server 2008 R2
http://support.microsoft.com/default.aspx?scid=kb;EN-US;2505348
<<<<<<<<<<<<<End response>>>>>>>>>>>>>>>>>>

Spry Menubar-background problem

Hi,
I have tried to search for this problem, and though I have
found others with the same problem, there have been no answers
(probably so obvious I missed it and they figured it out.) And I
did update the Spry Menubar to the latest version.
The Spry Horizontal menubar works fine on Firefox, but on IE
7 the background is white as well as the submenus, not the intent.
The alignment and size is fine, just the designed background colors
don't work (on the menu itself, I want a transparent background, on
the submenus it is #777079.)
Website:
September
Entertainment Website
Style Sheet spry:
Spry
CSS
Thank you in advance for any help you can give me.
Cheers,
Janell

Hi,
Just found the problem for anyone that is having the same
thing happen. It is the hack at the bottom of
"SpryMenuBarHorizontal.css":
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;
Where it says: "background:fff;" change it to whatever you
need, in my case, "background: transparent;"
Voila!!
Cheers,
Janell

How to have button in down state as page opens

On opening a new "blank" subsidiary page using "getURL",
there are 2 buttons on the new page. Each button plays a moveclip.
(The first movieclip is already playing as the new page opens). I'd
like to have the corresponding button already in the down state as
the page opens. Is there a conditional statement I could use for
this? I'm using AS 2.
The code on each button is as follows:
on (release){
_root.resetButtons();
this.gotoAndStop("down");
on (rollOver){
if (this._currentframe <> 3)
this.gotoAndStop("over");
on (rollOut, releaseOutside){
if (this._currentframe <> 3)
this.gotoAndStop("up");
Many thanks for any advice.

Yes, but you'll have to make a bunch of changes. If you
convert your buttons to movieClips and insert frame labels and
actions, you can get the resulting movieClip to act as a button.
Then you can tell one of the button/movieClips to
gotoAndStop("_over"). It will then start that way and then work
normally after it is used. Look at
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00000230.html,
for more information using a movieClip as a button.
Alternately, you could just put in a static graphic of the
button's over state in place of the button until it should show
normally, then swap out the graphic for an actual button.

Formatting problem with Vertical Spry Menubar with Frameset

I have a frameset, which includes a Top Frame, with a nested
Left Frame, and a nested bottom frame after that. I also have a
vertical spry menubar in this left frame. When I click on an item
to view it's submenu, the center frame of the page cuts of a
significant portion of the submenu. I want the page to appear, so
that when you click on an item to view it's submenu, the submenu
appears past the frame's border, without having to set it up so
that the frame width is relevant to the use of the spry menubar
within it.
I talked to a Tech Support person today over the phone, and
he told me to post here and ask for someone to post custom code for
this.
If anyone can help, it would save me so much grief, and I
would be very greatful!

There is no practical way to make a positioned page element
as you have in
the Spry menus 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. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
I recommend either #1 or #4, 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
==================
"DMMaestro2009" <[email protected]> wrote in
message
news:gbdvir$a8i$[email protected]..
>I have a frameset, which includes a Top Frame, with a
nested Left Frame,
>and a
> nested bottom frame after that. I also have a vertical
spry menubar in
> this
> left frame. When I click on an item to view it's
submenu, the center frame
> of
> the page cuts of a significant portion of the submenu. I
want the page to
> appear, so that when you click on an item to view it's
submenu, the
> submenu
> appears past the frame's border, without having to set
it up so that the
> frame
> width is relevant to the use of the spry menubar within
it.
>
> I talked to a Tech Support person today over the phone,
and he told me to
> post
> here and ask for someone to post custom code for this.
>
> If anyone can help, it would save me so much grief, and
I woulde be very
> greatful!
>
> Here's the link to the page...
>
>
http://www.vrd.ca/713/index2.htm
>

Problems to add a background-image to the widget Spry MenuBar!

With DreamweaverCS4 version 10.0 Build 4117, (italian language) I have tried to add a Spry MenuBar to the one website page.
But the problem is that I haven't understood where add my property "background-image": url(../immagini/Menu_Button_01.gif).
In the Application Page of Dreamweaver I have this screenshot:
But in the Preview Window of InternetExplorer 7 I have this strange behavior:
The "Menu_Button_01.gif" are a rounded square button made with PhotoshopCS4 and have a transparent background.
In the IE7 MenuBar doesn't appears as expected, without the transparent background!
1) How can I do to show my "Menu_Button_01.gif" image as transparent background in the MenuBar?
2) What is the correct CSS Style Rule to apply the "background-image" property?
(Example: "ul.MenuBarHorizontal li"? Or "ul.MenuBarHorizontal a"? )
3) Should I also apply the property: "background-color:transparent"? Where? What is the specific CSS Style Rule?
I have uploaded my little local WebSite to Rapidshare (100KB):
http://rapidshare.com/files/370735082/Test_Spry.zip.html
Please download it to inspect my problem.
Please response me!
Horsepower0171.

For a starter, you should not put your background style rules in the following. The accompanying descriptions will tell you this.
/* 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: 116px;
    float: left;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
/* 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: 116px;
    position: absolute;
    left: -1000em;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
Then when you apply style rules to
/* 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;
    color: #333;
    text-decoration: none;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
this will be overridden by the following rules. They replace your image with an arrow image.
/* 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%;
There are one of two solutions
If you do not want and arrow, simply set background to none in the above four instances.
If you do want an arrow, include a down arrow image in a second Menu_Button_01.gif image called Menu_Button_01_DownArrow.gif or similar as well as a third one for your right arrow image.
I hope this helps.
Ben

How do I place an image and insert a different photo for the "mouse down" state?

I have placed an image within an accordian widget and when I select the "mouse down" area in the states dialog box, i click "fill" in the toolbar and insert the photo i want to display when the image is clicked but this image is "covered up" by the originally placed image and is not seen in my states dialog box.
I have done this before when i made rectangles and placed images in rectangles. But i soon realized that you cannot add alternative text to images in rectangles for some frustrating reason.
How do I place and image and have a different image for the mouse down state?

Hello,
This effect can only be achieved when you use the images as a Rectangle Fill. And as you mentioned it above, you cannot add alternative text to images because it is added as a fill and not as a image.
I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
Regards,
Sachin

How can I tweak my Spry Menubar? What are the limitations

Hi guys, bit of a beginner here but I am getting on with Dreamweaver. I'm completely competent with computers as long as it's in a GUI, but I do know some basic HTML, know how the .css works and how the program works generally.
I've made a really nice website in Photoshop, though of course it's just a .psd file. I'm really pleased with it, and am in the process of turning it into a website in Dreamweaver CS5.5. Already hit a bit of a snag unfortunately.
See, I need to make a menubar across the top of the page, and a Spry Menu Bar seems to be the best solution. After seeing the amount of code it generates, I was really glad that the Dreamweaver GUI seemed able to handle it!
Sadly though, I'm already having huge problems with it.
Here's how it currently looks
www.reviewfreak.net
Ignore the awful font - I know how to fix that. My main problems are that I can't seem to centre the thing (It's absolutley positioned?) and when a viewer shrinks their browser window down it makes the menu shrink into collumns (infruating!). I also hate the way it has put each menu into a solid block of colour.
Using rollover images, I've simulated how I'd like it to appear:
www.reviewfreak.net
Please guys, could you give me some some pointers on making
www.reviewfreak.com look like www.reviewfreak.net ? Or is there a better way? Can I somehow integrate rasterized text into a rollover image, put hyperlinks on a rollover? If you could do rollovers within rollovers that would be incredible!
Thanks so much, I know I've rambled a bit!

Have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps

Using a different background for the drop down options in a spry menu bar

Hi all,
I am trying to set just a background color in the drop down menu, I have a background image repeated along the x asis at the top but this has come down into the sub menu bar how can I change just the lower drop down menu to just a solid color??
I have tryed google and youtube to try to find a answer but have had no luck in finding the solution to this problem.

Give a man a fish, you feed him for a day. Teach a man to fish, he eats every day…
winabe23, you joined this month—probably because you were having trouble with CSS and HTML and you have certainly come to the right place.
I'm going to send you to several places I have found helpful in understanding how you can make drop-down menus in CSS without the need for JavaScript—though JS may be necessary for certain older browsers that do not understand pseudo classes and may be necessary for the blind or keyboard navigation.
CSS Wizardry has a great tutorial here.
Line25 has one here.
For those who don't want to have to wrangle code, here is a menu generator from PureCSSMenu.
Here's a page by Eric Meyer who describes how the concept works.
And here is a video tutorial by "zorro30mum." It's in two parts, but there is a link to Part 2 below Part 1.
The reason why I am posting all of these links in my answer is because you're using Spry. And Spry has been found wanting by Adobe and they are deprecating and abandoning it.
The Spry framework is an open source Ajax framework that Adobe developed. Ajax stands for Asynchronous JavaScript And XML. On August 29th 2012, Adobe handed over Spry to github. If you want to help github develop Spry, there is a site for that, but I'm thinking you're not a JavaScript developer.
I would recommend you pay a little more attention and time to Ajax, which is not deprecated and not discontinued. It allows you to do client-side triggers for server-side code. But that's if you want to do work in JavaScript, XML and a server-side language, like Cold Fusion, php or ASP.
But in the meantime, the tutorials above will get you into understanding how this whole menuing stuff is done in CSS and give you the understanding necessary to do simple stuff, like changing the color of a background for a drop-down.
I hope this helps you make great websites!
-Mark

Adding a down state to the spry menubar

Similar Messages

Maybe you are looking for