Comments on: Creating and Customizing Vertical Spry Menu Bars in Dreamweaver CS3

By: SonicGeekette

SonicGeekette — Fri, 02 Jul 2010 16:10:42 +0000

Thanks so much for all of your tips! I’ve been searching for hours for the last couple of days for an IE fix for the top menu bar. I found one that almost did the trick but still had some bugs in it. Your hint about setting the width to a set px in ul.MenuBarVertical and ul.MenuBarVertical li ONLY was the fix I was working for. (Yatahhhh!)

By: Dan

Dan — Thu, 24 Jun 2010 18:45:43 +0000

Awesome. Thank so much for the help.

By: jcook

jcook — Thu, 24 Jun 2010 16:59:55 +0000

Hard to comment without a link to the site but…

To “reset” the style sheet, define a new site, make a page, add a menu and save the style sheet. You can then use the new style sheet to replace your existing one. BTW, it’s a good idea to keep a “virgin” copy of the style sheet around for whenever you need to do a reset (it’s usually easier to start from scratch that fix a heavily edited style sheet).

By: jcook

jcook — Thu, 24 Jun 2010 16:47:06 +0000

If your pages are based upon a template you’ll have to use the menu: Modify>Templates>Make Attributes Editable… command to make the ID attribute of the body tag editable and then edit the ID using the menu: Modify>Template Properties command.

By: Dan

Dan — Thu, 24 Jun 2010 15:58:52 +0000

Hey,

I’m in the process of building my website. I successfully created a spry horizontal menu bar. However, after messing around with some of the css properties, saving the html so i could view it in fox, I’ve got some issues. When i try to create a new hor. menu bar for another html, it brings up the old saved version, which 1) aligns my menu bar vertically instead of horizontally 2) the even number items in my submenu are aligned next to the previous item instead of below it.

Should I try to reset all properties? if so, how? or should I try to fix each problem at a time?

By: Mike

Mike — Fri, 11 Jun 2010 21:47:42 +0000

I’m trying to do the same thing, but with a virtual header insert. I tried giving each page a separate body id name, but I haven’t been successful. Is it possible to have the current page highlighted in a virtual header?

By: jcook

jcook — Thu, 10 Jun 2010 21:16:42 +0000

You can create a style for the current link (say a class rule name .current) and then apply it to the relevant link on a page by page basis.

By: jcook

jcook — Thu, 10 Jun 2010 20:51:46 +0000

I haven’t done this but you could try absolutely positioning the submenus (ul.MenuBarHorizontal ul) absolutely with respect to the main menu (ul.MenuBarHorizontal). You’d also need to apply the position: relative property to the ul.MenuBarHorizontal style rule. If you have sub-submenus you’ll need to create a new rule ul.MenuBarHorizontal ul ul for positioning them.

By: jcook

jcook — Thu, 10 Jun 2010 20:36:56 +0000

You’d have to add it: ul.MenuBarVertical a:visited

Make sure you put it below the ul.MenuBarVertical a rule in the style sheet.

By: mbroder1

mbroder1 — Thu, 10 Jun 2010 20:15:29 +0000

is there a css setting for the spry menus that controls the visited link state?