PDA

View Full Version : Apple Accordian: Use without link in title



philtri
04-26-2011, 10:51 AM
1) Script Title: Apple style Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

3) I have the accordian working but the example on the page uses links in each title of the accordian. As a result the title has the nice grey gif background and font.

However if I take the links off the format of the accordian title changes to a default font.

How do I get this to look nice without using a link in the title

ie the code for each accordian looks like this:

[Code]
<div class="silverheader"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></div>
<div class="submenu">
Some random content here<br />
</div>
[Code]
and I want to use
[Code]
<div class="silverheader">Dynamic Drive</div>
<div class="submenu">
Some random content here<br />
</div>

[Code]
Thanks

philtri
04-26-2011, 11:46 AM
I was seraching through the code to sort out another problem - that the image silvergradientover.gif seems not to be used when i notivced that this line contained an unnecessary "black". Removing the black and the code works properly when the heared is not a link.

[code]
.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
[code]

Also this line needs changing so that it contains a reference to the silvergradientover.gif

[CODE]
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(Assets/scripts/Accordian/silvergradientover.gif);
color: white;
}
[CODE]

Phil

philtri
04-26-2011, 12:08 PM
Sorry, my solution did not work. I still need help with this please.

The change of the gif works, but not the solution to avoid having a link in the title of the accordian