CSS Style sheets

In DW can you...

[limbo]

... alter the CSS for a visited link so it has the same properties as the hover link?

I have added identical properties for the visited link in the style definition dialogue box and it loses the 'hover' properties and remains the same (no colour switch or underline). Basically I want a link to remain the same whether it has been clicked or not.

Sorry if this seems a stupid question but my brain doesn't seem to want to play today (or this year so far! :))

Ta

Limbo

[Susanne]

Not sure if I understand 100%. :)

You have 3 states, right? Normal, hover and visited. You want the normal and the visited to be identical? Or you want all three to be identical?

What about the colour when you click on the link? Same as normal or same as hover?

[Woz]

Also, is this a pure CSS question, or are you needing information about how to do it specifically in DW?

Onya
Woz

[chrisforeman2]

<style>
A:Link {color:#808080;text-decoration:none;}
A:Visited {color:#808080;text-decoration:none;}
A:Hover {color:#009898;text-decoration:underline;}
</style>

this in the head should work, just alter the colour codes.

remove the <style> tags and put it on a css page if you are using it

chris

[limbo]

Cheers Chris that worked perfectly :)

<added> I had the active link overiding visited - DUH! </added>

[BlobFisk]

Pseudo class ordering is very importmant.

a:link > a:visited > a:hover > a:active

The a:hover must be placed after the a:link and a:visited calls, since otherwise the cascading rules will override the style of the a:hover rule. Similarly, because a:active is placed after a:hover, the active style will apply when the user both activates and hovers over the a:element.

[limbo]

Blobfisk

This all makes alot more sense now. I am learning CSS as I go and I am now finding it alot more useful than I imagnined - Still along way to go though.

Thanks pal

Limbo

[ExtremeExports]

I am not too familiar with css, but in other forums I've posted to on codebloat and optimizing for fast download I've learned that external stylesheets are a great help (amongst other reasons). Now to my question. I have inserted a code for scrollbar color:
BODY {
scrollbar-face-color:#0033CC;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:''
}
It works in IE but when I validated it with the css validator it showed as an error. Is the scrollbar coloring not compatible. Should I delete it? Will this cause major problems with other browsers, or does it not make a difference?

[WebJoe]

AFAIK this is IE-specific CSS and can therefore not be validated. It shouldn't do any harm to your site with other visitors though...check SCrollbar Coloring - Opinions PLease [webmasterworld.com] for more on this topic