Adding Border to Spry Navigation

[waterstc@pitt.edu]

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,

[danilocelic AdobeCommunityExpert]

[email]waterstc@pitt.edu[/email] 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:
[url]http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602[/url]



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