white links?

[deelunn]

in version 7 im trying to produce a site which is made of css and contains mixed coloured links. actinic is over writing the class and putting its own link colours in (http://www.actiniconline.co.uk/davis...log/index.html) the links at the top of the page should be white, they have their own specific tag/class and are not the usual a:link etc can someone please help me!!!!!

[Pneumatus]

<a href="http://www.actiniconline.co.uk/davison/index.htm" style="text-decoration:none" >home</a>

The only style you have applied to that <a> tag is the text decoration.... there is no mention of colour.

[deelunn]

yeah the colour is controlled in the class which is applied to the links via a div tag with a class on. you cant over write link colours normal styles to my knowledge! ive tried and it didnt work! actinic over rules it realises its a link and puts it on actinic colour links. heres my style sheet http://www.actiniconline.co.uk/davison/style.css
teh class is called box_shadow which is applied to the links, within that class there is a.box shadow, which obv is applied to the links held by the div tag! soprry i didnt state this before!

[Pneumatus]

What you need to do is have something along the lines of...

<a href="blah.html" class="specialLink">Blah</a>

Then in your stylesheet you have

.specialLink:link{
	color:#FF00FF;
	text-decoration:none;
}
.specialLink:visited{
	color:#FF00FF;
	text-decoration:none;
}
.specialLink:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.specialLink:active{
	color:#FFCC00;
	text-decoration:none;
}

The class needs to be applied directly to the <a> tag and can have it's own 'link' attributes set to make it behave exactly as required for the specific situation. <div> tags around <a> tags will not over-ride it.

[deelunn]

cheers its sorted now! thankyou!

[deelunn]

argh! now my links are in a vertical line????? instead of going accross the page horizontally???? sorry if im being really thick this is my first site withh css! so im just a beginer!

[Pneumatus]

The are fine on the contact.htm page etc but seem to be getting mutated in your primary template... Putting the code into dreamweaver at my end it seems fine in the template but i'm not sure why you are getting carriage returns - try giving the box_shadow class a border to see where the box is being drawn.

[Pneumatus]

There is a difference in your style applied to the actinic page in comparison to the style.css

You have height: 0px; in your actinic template for the box_shadow class but you have height: 75px; in your style.css file - change the actinic template one to 75px and it should be fine.

[deelunn]

hahaha how stupid am i!!!!! hehee totally forgot i was using two style sheets! thankyou!

[Pneumatus]

No problems - I have just noticed a little 'quirk' of your design - in FireFox, the bottom strip with your address looks fine, but in IE, the background drops off about 10px before the end of the outside border on the right hand side - again, this only happens in the actinic pages so may be another difference of stylesheet definitions