PDA

View Full Version : Bullet List Accordion Header Hyperlinks



PsionicSin
09-16-2010, 10:43 PM
1) Script Title: Bullet List Accordion Menu

2) Script URL (on DD): Bullet List Accordion Menu (http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm)

3) Describe problem: I need assistance with adding hyperlinks to the headers without changing their formatting.

When I add hyperlinks to the headers the way I know how, they turn blue and underlined. I don't want that to happen at all.

vwphillips
09-17-2010, 11:15 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
.NoLink {
text-Decoration:none;color:black;
}

/*]]>*/
</style></head>

<body>
<a href="#">Link</a>
<a href="#" class="NoLink" >Link</a>
</body>

</html>

PsionicSin
10-14-2010, 05:23 PM
Thank you. But I have another question lol.

How do I make the headers into clickable links? I thought I was doing it the right way, but they don't work. Not clickable at all.

fuchs
10-14-2010, 05:33 PM
Set the revealtype parameter from "click" to "clickgo" in your accordion options.

revealtype: "clickgo", //Reveal content when user clicks or onmouseover

greets

PsionicSin
10-14-2010, 06:28 PM
Set the revealtype parameter from "click" to "clickgo" in your accordion options.

revealtype: "clickgo", //Reveal content when user clicks or onmouseover

greets

Thanks. I'll try this out. Now what will this do to headers that don't have links associated with them? And where in the header coding do I place the link syntax? Gimme a visual?

PsionicSin
10-14-2010, 11:43 PM
Alright I have a slight problem. I have a portion of code to turn all of my links a certain shade of blue:


a:link,a:visited {
color: #06F;
text-decoration: none;
}

a:hover, a:active {
color: #06F;
}


And it's turning my navigation links blue. What can I do? How can I have the menu links ignore my basic link styling?

PsionicSin
10-15-2010, 12:02 AM
Nevermind. I replace:

.NoLink {
text-Decoration:none;color:black;
}

with:

a.NoLink, a.NoLink:link, a.NoLink:visited, a.NoLink:hover, a.NoLink:active {
text-Decoration:none;
color:white;
}

This fixed my problem and made everything follow nicely.