View Single Post
Old 02-20-2012, 01:57 PM   #1
graphimatic
 
Join Date: Feb 2012
Posts: 1
Default spry panel tab w/ link, no hover effect?

Hi,

I am using an accordion panel navigation for a catalog where I have main categories (AccordionPanelTabs) and sub categories for each (AccordionPanelContent).

By having something like this:

<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<a href="catalogo_mobiliario.html" onclick="window.location=this.href;return false;"><div class="AccordionPanelTab">MOBILIÁRIO</div></a>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">ESCULTURA</div>
<div class="AccordionPanelContent">
....

I was able to go to a different category when clicking on its tab, instead of opening the sub-category menu which would leave me on the same page until I chose a sub-category.
The problem is, after the PanelTabs got links they lost their panel tab hover effect (the background color should change and it no longer does). And even with a pseudo-class for these links, I can't get the text color and background to change on hover.

This is disappointing because navigation becomes unclear and uninteresting.

Suggestions?
graphimatic is offline   Reply With Quote