Welcome to WebmasterWorld Guest from 50.16.78.128

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

CSS Style sheets

In DW can you...

   
12:08 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



... 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

12:29 pm on Jan 8, 2003 (gmt 0)

10+ Year Member



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

12:32 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member woz is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

Onya
Woz

1:20 pm on Jan 8, 2003 (gmt 0)

10+ Year Member



<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

1:56 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Cheers Chris that worked perfectly :)

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

2:40 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.

4:16 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

6:04 pm on Jan 10, 2003 (gmt 0)

10+ Year Member



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?
6:41 pm on Jan 10, 2003 (gmt 0)

10+ Year Member



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
 

Featured Threads

Hot Threads This Week

Hot Threads This Month