Colour issue with links

[PA.com]

Hi,

I was wondering if someone could advise me how to alter some link colors. In the right hand corner of my home page www.piano-accompaniments.com, the musical instruments are currently bordered by boxes that I would like to get rid off. These boxes are a result of me setting these instrument graphics as links to pop-up windows.

Initially these boxes were blue, the colour specified for links, but after I commented out the NETQUOTEVAR:LINKCOLOR and NETQUOTEVAR:VLINKCOLOR sections in the Act_BrochurePrimary template then the colour seemed to default to this green colour.
I think this default colour is Palette Color 3, whereas I would like it to be the Palette Background Colour (i.e the predominant light green CFD178).
The code I'm using for this table looks like this:

<td valign="top" width="160" align="right">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr><td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;Repertoire</b></td></tr>
<tr valign="top"><td class="thinred2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="actxxsmall">
<tr align="center"></td><br>
<td><a href="javascript:ShowPopUp('http://www.piano-accompaniments.com/acatalog/violin_repertoire.htm',750,550)"><img src="violinhome.jpg" width="50" height="121"><br><font color="000000">Violin</a></td>

and so on...
So I am able to change the font link color to "000000" but how would I change the box's link color to "CFD178". What commands should I use and where should I put them. For instance I've tried putting VLINKCOLOR="CFD178" and LINKCOLOR="CFD178" in different places within the code, but nothing seems to work. Thanks for any advice

Paul Gardner

[Duncan Rounding]

Paul,

Where you have for eg:

<a href="javascript:ShowPopUp('http://www.piano-accompaniments.com/acatalog/viola_repertoire.htm',750,350)"><img src="acatalog/violinhome.jpg" width="50" height="121"><br><font color="000000">Viola</a>

you could add border="0" to the <img> tag - ie make it:

<a href="javascript:ShowPopUp('http://www.piano-accompaniments.com/acatalog/viola_repertoire.htm',750,350)"><img src="acatalog/violinhome.jpg" width="50" height="121" border="0"><br><font color="000000">Viola</a>

There may be other more elegant ways but this would work.

Duncan

[pinbrook]

I tend to ignore the palette colours all together and define everything in actinic.css

[PA.com]

Hi guys

Thanks Duncan, that worked a treat adding the border="0" code. That's perfectly elegant enough for me!

Jo, thanks for your comment too. I am however unfamiliar with defining style sheets and .css files at the moment, perhaps I'll spend a bit of time learning how to do that as that sounds like a useful thing to be able to do!

Cheers,

Paul

[jont]

Paul - if you are still needing to change the link and hover codes for that one specific location you will need to use a style sheet and set the colours accordingly. In the HTML warp the table between <div> tags eg

<div id="linking"><table....> ..... </table></div>

and in the actinic.css style sheet include the following at the bottom

#linking a:link, a:visited {
color: #000;
}

#linking a:hover {
color: #EEE;
}

#linking a:active {
color: #000;
}

changing the colours accordingly

[PA.com]

Thanks Jonty,

I'll use your advice for reference. For the moment, Duncan's post has solved my immediate problem, but if anything similar crops up I'll try and implement what you mention in your post.

Thanks for everyone's help!

Cheers, Paul