CSS Problem in Basket

[magicalwonders]

I'm trying to change the colour and size of the product links showing in basket.

I've created the following CSS in the style sheet:

a.basket {
	color: black ;
	font-size: 0.9em ;
	font-weight: bold;
        text-decoration: none ;
	}

a:visited.basket {
	font-size: 0.9em ;
	color: red ;
        font-weight: bold;
	text-decoration: none ;
	}

a:hover.basket {
	font-size: 0.9em ;
	color: black ;
	font-weight: bold;
	}

And referenced this in the html within Act_shoppingcart.xml as follows:

<TABLE BORDER=0 WIDTH=100% CELLSPACING=0 CELLPADDING=0 >
							<TR>
	NETQUOTEDEL: REFERENCE
								<TD WIDTH=90 class="smallerfont">NETQUOTEVAR: PRODREF</TD>
								NETQUOTEDEL: REFERENCE
								<TD WIDTH=280 class="basket">NETQUOTEVAR: PRODUCTNAME
								<Actinic:REMOVE TAG="DuplicateLinks">
									<BR>NETQUOTEVAR: DUPLICATELINKCAPTION
								<Actinic:XMLTEMPLATE NAME="DuplicateLinkLine">
								<BR>NETQUOTEVAR: DUPLICATELINK
								</Actinic:XMLTEMPLATE>
								</Actinic:REMOVE>
								</TD>
								<TD WIDTH=60  ALIGN=RIGHT class="smallerfont">NETQUOTEVAR: QUANTITY</TD>
							</TR>
						</TABLE>

The code is not working though, so I've made a mistake somewhere. After several hours, I can't spot it.

Here is a url: http://www.magicalwonders.com/acatal...sumables.shtml
The specified class is appearing in the right place, but that seems to be as far as it gets!

Can anyone point me in the right direction?

Many thanks,

Myles

[fergusw]

Try

.basket a:link{
color: black ;
font-size: 0.9em ;
font-weight: bold;
text-decoration: none ;
}

The A tag you are trying to style is located as a child element of the TD that the class "basket" is applied to.
In order for your CSS to work your A tag would have to have the class assigned to it

e.g.

<td  width="280">
<a href="http://www.magicalwonders.com/cgi-bin/ss000001.pl?PRODREF=DR275&NOLOGIN=1" class="basket">SLUSH POWDER</a>
</td>

Not

<td class="basket" width="280">
<a href="http://www.magicalwonders.com/cgi-bin/ss000001.pl?PRODREF=DR275&NOLOGIN=1">SLUSH POWDER</a>
</td>

[leehack]

a.basket would style an anchor written like:

<a href="blah.html" class="basket">blah</a>

You have reversed it which is why it is not working, is it the basket anchor you are styling, not the anchor basket.

[magicalwonders]

Thanks Guys,

It took me ages to get my head around the distinction between basket anchor and anchor basket!

All sorted - sanity restored.

Myles