Adding Border to Spry Navigation

Report · Jan 13, 2009

Actually- I sorted out the problem, but don't see a way to delete the question. Used the rule border, and specified a weight, style and color.

Used Spry to create a Vertical Menu widget. Been following the Spry Framework help pages and can adjust background color, font and other existing elements, but I'm not getting very far trying to add a border around the menu item. I would like the same border around al items, much the way the default background color is the same.
Tried adding 2 properties to ul.MenuBarVertical a: Border color and border width. do I need more or am I placing these in the wrong place?

Thx,

Report · Jan 13, 2009

waterstc@pitt.edu wrote:
> Used Spry to create a Vertical Menu widget. Been following the Spry Framework
> help pages and can adjust background color, font and other existing elements,
> but I'm not getting very far trying to add a border around the menu item. I
> would like the same border around al items, much the way the default background
> color is the same.
> Tried adding 2 properties to ul.MenuBarVertical a: Border color and border
> width. do I need more or am I placing these in the wrong place?

I added a border to "ul.MenuBarVertical a" with the following:
border: solid 1px #036;

And in Firefox 3 and IE7 I had borders around all of the menu items. If that isn't working for you, then it may be that the CSS has some other overriding style, or perhaps the CSS was applied incorrectly. You'll need to post a link to your page to be sure, and you should post in the Spry forums as there are more Spry knowledgeable folks there:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602

--
Danilo Celic
| http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert