Spry Vert Menu problem
Hi,
A little history... I am new to DW (CS3) and am trying to
teach myself. I have built a couple sites prior so I know just
enough to be dangerous... :)
I have a site I am developing with a frameset layout. "fixed
top, nested left" in DW terms.
Problem: My left panel is my 'menu' html. When I create a
vertical menu w/spry widget and has a menu with a submenu, the
submenus seem to go 'behind' the main page or what I call the body
of my webpage. Is there a way to have the menus 'float' over a
bordering page on a frameset ? My description might be less than
crystal so please ask what info is needed. This site is not posted
anywhere so there is no code to inspect ..yet..
TIA,
B
B_Nemo wrote:
> A little history... I am new to DW (CS3) and am trying
to teach myself. I
> have built a couple sites prior so I know just enough to
be dangerous... :)
Obviously not enough to know that each frame in a frameset is
a separate
window. You cannot make the content of one frame display over
the
content of another. It's one of the many disadvantages of
frames.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/
Similar Messages
-
Another SPRY horizontal menu problem with IE7
I posted this before, with no responses, but I think
I've narrowed it down to a CSS response problem with IE7.0. If you
view the attached link in Firefox or Opera, the menu background
color responds correctly on the drop downs. In IE7, the
background-color is ignored, causing the menu to be translucent
and, uh, ugly. Has anyone else had an issue with the
background-color CSS attribute in the SPRY horizontal menu css not
working?
HELLLLLP! and, uh, Thanks,
Karl
Prototype
link using spry, css, ajax sprites and other magic.>>
Regrettably, the silence from the forum has been deafening.
I'm not sure if folks are just wary of SPRY and AJAX issues right
now because they're so new or if it's the summer heat
>>
guess it´s all of that :-) But folks visiting these more
"general" Dreamweaver forums are not necessarily Spry experts
respectively might not even be interested in that -- you´ll
certainly get more response when posting Spry related questions in
the
Spry
forums @ Adobe Labs -
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,
AlejandroI 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 horizontal menu problem in IE and Chrome
First I'd like to express my frustration with spry. I spend way too much time trying to "band-aid" spry to work in different browers. I'll admit that I'm new to the web game but I seem to spend a large percentage of my time simply trying different "fixes" to something that I don't think should be this much of a problem. Regardless ...
I've made a pretty simple web page, put a spry horizontal menu on it and it works and displays just like it's supposed to in FF but IE and Chrome both seem to have a problem with it. Currently there are no links attached to it but that's not my problem - getting it to display correctly is. Possibly this issuehas already been addressed but I couldn't find it in the forum. Webpage can be viewed here
I've put (what I believe to be) the relevant css on the Main Content section of the page. Any help will be much appreciated. Thanks in advance.I am so glad that you started again, this is the best way to learn, trial and error.
To fix your woes to date, have a look at the following
.thrColFixHdr #header {padding:0;} /*remove the padding from the menubar container*/
ul.MenuBarHorizontal{width:auto;margin:0;} /*remove the fixed width and auto margin*/
ul.MenuBarHorizontal li{width:16.6667%;} /*spread the 6 items over the full width 6*16.6667% = 100%*/
ul.MenuBarHorizontal ul a{text-align:left;} /*Set the the alignment back to left for any menu item links that are in a sub menu*/
To add images to your menu items have a look at the following http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html, you will find it at the bottom of the page.
I did not realise that SolidWorks still existed, started using it in the mid 1990's, excellent product, easy to use and promotes fast product development. I lost track of it when I went for retirement 10 years ago.
Gramps. -
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?
-
Dreamweaver spry sub menu problem in IE
Hi. I'm having a problem with my spry sub menu being offset
from the main drop down menu when viewed in IE. Any help? Thanks!
Link:
http://thinkstreet.net/websites/Nathan/AustinDrainageSite/index.htmlThe 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 value to the desired
values. -
Spry Horizontal Menu problem in IE
I am a new Dreamweaver user and utilized the Spry horizontal
menu in a site that I am redesigning. The menus look great in
firefox, but do not load properly in internet explorer. I am hoping
to be able to resolve this problem as the menus look so good in
firefox.
You can view the page at
http://www.greenlevel.abcchicagolimo.comHi clead16,
What do you mean by "do not load properly in internet
explorer"? I checked the site in IE6 and IE7 and it the menus
render OK.
You may want to also take a look at the
Menu
Samples and
centering
a horizontal menu
on Adobe labs.
-- Florin -
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.htmlI 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. -
I switched to version 2 of the Spry Menubar due to sub-menu problems associated with iPads. Now I am having problems with sub-menus within IE8. It is not possible to *quickly* scroll down the menu without the sub-menu disappearing. Here is an example:
http://gerberanalytics.com/tennis/tennis_header_test.php
It works ok with CS6 in the design view, but not on the local test server or on the production server. Any ideas?
Thanks in advance for your help.Gramps,
I appreciate you providing this. I took a closer look at the errors and I made a few changes but this validator service continued to kick out errors. In fact if you put Adobe's own web site into this application (http://www.adobe.com), it comes up with 44 errors. As I mentioned before, the Adobe Widget Browser application for Spry Menubar 2 is essentially creating my code so I doubted that this was an actual problem.
While I have been interacting with you, I have also been awaiting an update from Adobe's senior technology staff for a solution. I heard from them today. Here is what Adobe said: Spry Menubar 2 has problems with IE 8 and IE 9 (which I already knew). The first person with whom I spoke at Adobe suggested that my customers running the IE 8 and IE 9 browsers should switch to a different browser, such as Chrome. I explained that asking users to switch was not a solution -- that's about 35% of my users. I then asked to speak with a manager / supervisor.
My conversation with the supervisor went a bit better. He told me that those running IE 8 and IE 9 on a Windows XP machine are ok. Vista is a problem. Windows 7 is also iffy. My machine is a Vista and my wife's machine is a Windows 7. It does not work on either machine for us.
I told him that Spry Menubar 2 should be withdrawn from their site or there should be a warning to insure that people are aware of the problems. He didn't say that they would do that. He suggested that I should check back with him in a couple of weeks. I did not get a warm and fuzzy feeling that this was a priority item for them.
At this point, I'm bailing on Spry Menubar 2. I may return to Spry Menubar 1.6 which requires a "double tap" on the nav buttons to work on an iPad. I may also check out jQuery.
Thanks for the suggestions but it looks like Adobe has some serious issues. If your customers are using iPads (and they are), Spry Menubar 2 is not a solution to fix the problems encountered in Spry 1.4 and Spry 1.6.
Scott -
Spry Horizontal Menu problem in Safari Mac/Windows
Hello!
Has anyone run into a problem using a horizontal spry menu and it showing up corectly in Safari? The menu is centered but I cannot get the table to center underneath. I then wrapped the table in a div and center aligned it, after addeding a <br/> (just trying stuff to no avail.)
Here is a link to a site I am working on.
http://tesibridal.com/NEW/index.html
So far I have found it does not work in Safari 3.2.1/Mac & Safari 3.2.2 and gives me a whole new set of spacing problems in Explorer (which I will address all of those next).
Thank you in advance for your time.
~TMC
P.S. - Here is the CSS for the menu:
@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
padding: 0;
list-style-type: none;
cursor: default;
width: 55em;
margin: auto;
/* 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: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FF0000;
text-align:center;
position: relative;
text-align: center;
cursor: pointer;
width: 8em;
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: 11px;
color:#000000;
background-color:#FF0000;
text-align:center;
z-index: 1020;
cursor: default;
width: 10.1em;
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: 10.1em;
/* 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:#000000;
border-style:solid;
border-width:1px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #FF0000;
color: #000000;
text-decoration: none;
border:#000000;
border-style:solid;
border-width:1px;
padding-top: 1em;
padding-right: 0em;
padding-bottom: 1em;
padding-left: 0em;
/* 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: #FF0000;
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: #FF0000;
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.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%;
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;
background: #FF0000;
Message was edited by: TMCDesign
Message was edited by: TMCDesignHi clead16,
What do you mean by "do not load properly in internet
explorer"? I checked the site in IE6 and IE7 and it the menus
render OK.
You may want to also take a look at the
Menu
Samples and
centering
a horizontal menu
on Adobe labs.
-- Florin -
Spry Horizontal Menu problem in IE7
Hello all,
Just wondered if one can help with this problem?
I have the horizontal manu bar pull down going across the
page
www.martinbleasby.co.uk
The problem can be seen in the aircraft pulldown.
Many thanks Martin.
Here is a copy of my CSS file.
@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;
/* 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: 120px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
height: auto;
/* 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: 12px;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #E4E4E4;
background-color: #E4E4E4;
/* 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: #969fa0;
color: #E4E4E4;
text-decoration: none;
padding-top: 0.5em;
padding-right: 0.75em;
padding-bottom: 0.5em;
padding-left: 0.75em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
/* 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: #696077;
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: #3D466D;
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.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%;
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;
background: #FFF;
}What kind of problem are you having? I'm using IE 6 and don't
see a problem. I was looking because I'm having a problem with the
drop down getting scrambled and rendering as a horizontal structure
sometimes and working right others. -
I've been working on a drop down menu for a site for a few
months now. I'm using the Spry Widget. I can't seem to get it
working right. I had used the drop down menu feature without
problems in CS2, but now that I have CS3, I'm having problems. I
use a Mac and am checking the site on a PC. The problem is in IE on
the PC.
Here is the site and page with the problem:
http://www.nectfarmersmarket.org/farms.html
The menu item "Participating Farms" has a drop down menu.
Everything works fine on my Mac using FF and Safari. On the PC,
using IE, only some of the links to the page anchors work in the
drop down menu. The ones that don't work for me are: Duhamel Farm,
Palazzi, Stone Farm, and Woodstock Farm.
Since I assume it's user error :), today I recreated the page
and the dropdown menu again from scratch:
http://www.nectfarmersmarket.org/farmsC.html.
And now more links don't work. These are the ones that don't work
on this test page: Duhamel, Palazzi, Rachels, Stone and Woodstock.
I have posted about this a while back, but I still can't
figure it out and my client is getting a little impatient.
TIA!In regards to the validation if you put that page through
right now you will get a few errors. I will try to give them a
quick rundown.
- HR tags should look like <hr /> instead of <hr>
which you have now. This is because there is no ending tag with HR
tags so XHTML puts an end in the tag <hr />.
-One error is a missing v in a closing div tag. You have
</di> instead of </div>.
-The final is with table tags, but with a quick glance I
can't tell which tags are duplicate. Basically it appears as though
there are one too many sets of closing tags. Would have to look
closer at this to solve.
In regards to the Drop-Down and anchors you may want to post
this over at the Adobe Spry Forums because this is an odd issue and
may be something that we have overlooked. So head over and post the
link to the page so that they can see on that forum:
http://www.adobe.com/go/labs_spry_pr1_forum
Outside of that I really don't know what to say without
rebuilding the menu from scratch and building a page locally on my
test server which I won't really have time to do until probably the
weekend and I know you want this solved as soon as possible. Wish
there was more I could tell you but this has me stumped. -
Spry Horizontal Menu problem with YouTube
I am trying to place YouTube videos in my website.
With a YouTube video embedded, the dropdown menu is behind YouTube and most of the links are note accessible.: http://gigharborrealestate.com/youtube/
Is there a way to have the Spry menu dropdown on top of the YouTube video?
Here is an example of the dropdowns working when I inserted a flash video: http://gigharborrealestate.com/782/
Thank you very much for your help,
MikeHi Arnout,
Thank you for responding to my question. I am not using a flash movie, I am embeding a Youtube video. Is it possible to add wmode="transparent" to a Youtube video? It would be great if you could give me a bit more info.
Thank you,
Mike -
Changing Dimensions of spry horiz menu: problems
You change the dimension of menu items by changing the width
properties of the menu item’s li and ul tags.
Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li
rule.
Change the width property to a desired width (or change the
property to auto to remove a fixed width, and add the property and
value white-space: nowrap; to the rule).
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul
rule.
Change the width property to a desired width (or change the
property to auto to remove a fixed width).
Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal
ul li rule:
Add the following properties to the rule: float: none; and
background-color: transparent;.
Delete the width: 8.2em; property and value.
Ok: My sub menu is now wrong. It renders horizontally,
instead of vertically, and the sub-sub menu also.
Any one see any problems with the above instructions?Actually, the problem is that the list contains three sets of
instructions, each beginning with the word 'Locate'. What should be
done is label each instruction set and then make the actual
instruction set a subsidiary ordered list, e.g.
1. Select Width or Auto, with Nowrap:
1. Locate ...
2. Change ...
2. Select Width or Auto, without Nowrap
1. Locate ...
2. Change ...
3. Add rules
1. Locate ...
2. Add ...
3. Delete ...
What you need to do is select ONE of the choices, and then
play with it a bit.
Incidentally, I noticed that IE does not like the transparent
background, consequently I had to create a rule specific to IE for
the CSS rules to work.
Skip Keats -
Spry Vert Menu: Weird top item display in DW design view
Whenever I insert a vertical menu, the top Item always dispalys in Design View right justified (see attached image). Really distracting. Displays fine once published. Just bugging me?
Thanks Ben. Code below. I didnt really think it wa simportant mainlyu because this is is the totally untweaked DW code dropped in
after choosing a vertical menu spry via the wizard menu. I did nothing to this code. ANY menu I drop in thgru the wizard shows up like this initially - its the default drop in code from DW program itelf doing htis.
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="200" VALIGN="TOP" BACKGROUND="images/leftmenubg1.gif">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','200','height','215','src','flash/flashlogo','menu','false','quality','high','bgcolor', '#000000','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Ve rsion=ShockwaveFlash','movie','flash/flashlogo' ); //end AC code
</script><noscript><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH="200" HEIGHT="215"><PARAM NAME="movie" VALUE="flash/flashlogo.swf"><PARAM
NAME="menu" VALUE="false"><PARAM NAME="quality" VALUE="high"><PARAM
NAME="bgcolor" VALUE="#000000"><EMBED SRC="flash/flashlogo.swf" MENU="false"
QUALITY="high" BGCOLOR="#003366" WIDTH="200" HEIGHT="215"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></O BJECT></noscript>
<BR>
<BR>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html">Home</a> </li>
<li><a href="news_events/events/events.html">Events</a></li>
<li><a href="education/cme/cme.html">Publications</a> </li>
<li><a href="pda/index.html">Tools</a> </li>
<li><a href="disclosures.html">Disclosures</a></li>
<li><a href="consult.html">Consulting</a></li>
<li><a href="mission.html">Our Mission</a></li>
<li><a href="members.html">Our Members</a></li>
<li><a href="history.html">Our History</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Maybe you are looking for
-
Multiple volumes with the same name
If I look at my /Volumes folder using Finder>Go>Go to Folder.. I see seven different volumes all starting with the same name: MyName MyName 1 MyName-1 MyName-2 MyName-3 MyName-4 MyName-5 (as well as my external drive and iMac HD) MyName has a folder
-
Windows Vista and a New External Hard Drive
Ok, so everyone should get a kick out of this one. 1st - I upgrades my Windows XP to Windows Vista RC1. This created no problems in using iTunes or updating the iPod (5G), btw. 2nd - I added an external hard drive and successfully migrated my iTunes
-
Joins - Retrieving 300 rows out of 2000 from both tables
How can you retrieve 300 out of 2000 rows from table B (columns monkee, data1, data2) and table A (columns monkee, data1, data2) ? No primary key, but will be using the monkee column for referencing data. Any ideas : Need concrete real life working e
-
Setting a CellEditor on a single table cell
I am trying to get a combo box of choices to display for single cell of a JTable. I currently implemented a 2 column table that contains a key in the first column and a value in the second column. What I want to do is set the second column for a part
-
Is this a false message, or is there an update available? If so How do I update my version?