Section Links in mini best seller style

[Rich Brady]

<div class="product_section"><a class="product_section" href="kennels/TimberbuildDogKennelPriceList.html">Dog Kennel Price List</a></div>

You're defining class' within the <a href> tag that is not being picked up in FF. Is this where all your styling is determined?

[paulhesford]

Lee

Love the look of that site also very nice

Paul

[paulhesford]

webD

You're defining class' within the <a href> tag that is not being picked up in FF. Is this where all your styling is determined?

Yes do you think this is causing my problems?

Thanks for your help I know that this wasnt the original question but your help on this matter is much appreciated

Thanks Paul

[leehack]

If you have 2 styles when you only need one, it would be a good idea to get rid of one. If nothing else it will make solving things a little easier. I suspect that is the problem though or possibly some error with the stylesheet itself as it does not seem to be loaded properly, perhaps an unclosed style or alike.

[Rich Brady]

Yes do you think this is causing my problems?

No it's default actinic AFAIK. It will be in the actinic.css as default, can you confirm that this is the case?

[paulhesford]

webD

AFAIK

Not sure what this means or what you where asking me to look for in css.

I am thinking i should remove the class from within the <a> tag

Thanks Paul

Lee I am checking the css sheet for errors but this duplication seems like an error to me

Thanks Guys your help is much appreciated

[Rich Brady]

As Far As I Know

I wanted you to check that the .product_section was detailed in your actinic.css

There's no need to remove it from the <a href=""> that's where Actinic put it in the first place.

[paulhesford]

OK so i do i need to remove it from the <div> tag or should I forget about this?

This is what I have found in css for product_section: -

a.product_section:visited {
color : <actinic:variable name="VLinkColor" />;
text-decoration : none;
}

a.product_section:link {
color : <actinic:variable name="LinkColor" />;
text-decoration : none;
}

a.product_section:active {
color : <actinic:variable name="ALinkColor" />;
text-decoration : none;
}

a.product_section:hover {
color : <actinic:variable name="HLinkColor" />;
text-decoration : none;
}

Although the image which is failing to display in ff is referenced here

.graduated-link a {
display: block;
padding: 5px 0 5px 10px;
font-weight: bold;
text-decoration: none;
border: solid 1px <actinic:variable name="Palette3" />;
border-bottom: 0;
border-right: 0;
background-image: url('prime_link_background.gif');
background-repeat: no-repeat;
text-align: center;
}

Thanks Paul

[Rich Brady]

Okay, actinic.ccs is all on one line, I don't know if/why this would have an effect.

[paulhesford]

Hey Thanks Guys

I have sorted the problem with FF

ran my css sheet through http://validator.w3.org/

It highlighted an error where I had used ( instead of { doh!!!!

Anyway thanks for pointing me in the right direction

Paul

[Rich Brady]

Glad you sorted it...