Spry accordion with links??? Possible???

[tinman-i_am]

Fellow Dreamwearvers. I am trying, perhaps mistakenly, to use the accordion
widget as a menu bar.
I prefer it to the menu bar where the submenus shoot out to the side. I have
the accordion set up and running fine in Spry 1.6.1
When I add a link to a submenu it screws up the css in places I am not even
touching...Changes the font, font size, placement. Yet it does not reflect
these changes in the stylesheet as a new css style. Plus... the link doesn't
work.
Help! Please. Do I need to abandon this for a true vertical menu bar, am I
doing something terribly wrong or is there a workaround? LINK:
[url]http://www.ouritalianvacation.com/apartmentx2.html[/url]
Thanks much,
Andrew

[lisamarsha@gmail.com]

On Jul 14, 2:52*am, "tinman-i_am" <webforumsu...@macromedia.com>
wrote:

> Fellow Dreamwearvers. I am trying, perhaps mistakenly, to use the accordion
> widget as a menu bar.
> *I prefer it to the menu bar where the submenus shoot out to the side. I have
> the accordion set up and running fine in Spry 1.6.1
> *When I add a link to a submenu it screws up the css in places I am noteven
> touching...Changes the font, font size, placement. Yet it does not reflect
> these changes in the stylesheet as a new css style. Plus... the link doesn't
> work.
> *Help! Please. Do I need to abandon this for a true vertical menu bar, am I
> doing something terribly wrong or is there a workaround? LINK:[url]http://www.ouritalianvacation.com/apartmentx2.html[/url]
> * Thanks much,
> *Andrew

You'll probably have to hand code your links in code view. I'd use the
unordered list and list item tags around your sub-items. See how it's
handled in Spry menus and you can borrow from that. You'll be able to
see what's going on if you have your Code Inspector window open at the
same time. You'll also need to create a style for those links in your
CSS.

[Thomas B?ttiger]

Hi tinman, perhaps you should include the a: elements in he css. Something
like:
[Q].Accordion a:link {
text-decoration: none;
}
.Accordion a:visited {
text-decoration: none;
}
.Accordion a:hover {
text-decoration: none;
}
.Accordion a:active {
text-decoration: none;
}[/Q]