homepage Welcome to WebmasterWorld Guest from 54.211.213.10
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
CSS Style sheets
In DW can you...
limbo




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

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




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

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




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

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

Onya
Woz

chrisforeman2




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

<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




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

Cheers Chris that worked perfectly :)

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

BlobFisk




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

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




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

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




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

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




msg:973475
 6:41 pm on Jan 10, 2003 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved