need help with cascading stylesheets...
 

i'm trying to get my thumbs to turn "grey" when they have been visited. i'm calling my .css file with the code "<link rel=stylesheet href=stylesheet.css type=text/css>" in my html header. i have tried inserting ".visited { FILTER: Gray }" in my .css file but it doesn't seem to work. what am i doing wrong?

:( :helpme :(

er, if you have seen it done at any other site you can STEAL the code, view/source code try it ;)

Perhaps thecpathcto thecstyle sheet is incorrect?

ripped from madthumbs.com:

A:visited img {FILTER: "Gray"; border-thickness: 1px; border-color: #000000}

the codes in .css files are used a little bit differently and not viewable to surfers. :Oh crap

ok i will try that nickless... :thumbsup

no.




8chars

agnostic beliefs. desecrate the holy.

wait a sec... i already tried that code nickless... read my first post... :Oh crap

try it dude you didn't use visited *-*-*-"IMG"-*-*-*

a visited: {color:CCCCCC};

If your image is a link, then you don't need to tell the css that it is. In some browsers, that will "confuse" it.

Only problem is that the above will turn ALL of your visited links grey.

:thumbsup

yeah you right... but... still didn't work... :Oh crap

It may be your syntax is buggared. Is there a way we can look at the stylesheet you have made and maybe catch something you're not?

img filters will work on iexplorer only, are you testing with firefox? won't work there.

that didn't work... :Oh crap

i'm using ie...

here's my .css file...

a:link {
text-decoration: none;
color: #4E3C1D;
}

a:visited {
text-decoration: none;
color: #4E3C1D;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}

a:hover img
{
border: 1px solid #FFFFFF;
}

a:active {
text-decoration: none;
color: #FFFFFF;
}

Wierd. I have an issue like yours with one of My sites. Seems I can see the links correctly in Opera, but no one else seems able to see the right damn color. *sigh*

try ctrl+F5 :thumbsup

Are you trying to get it to hover gray or are you trying to get the visited one to go gray?

change:

to

a:visited img {FILTER: "Gray"; border-thickness: 1px; border-color: #000000}

i'm trying to get the visited image to go gray...

worked.. thanks.. :thumbsup

Your code and Nickless code are not the same. try his it works. myou might also try putting the code directly in the file and not draw it from a seperate css file.

no problem :thumbsup

nickless's code worked but usually when i see this done on other sites the images turn gray even if you right click on them. mine only turn gray if you actually left click on the image which isn't bad...

when i refresh the page all the images that i visited go back to normal color which is normal. but i also have images to these dvd movies at the bottom of my page that stay gray even when the page is refreshed... why? kinda don't want these dvd covers to stay gray..

actually forget all of this.. i'm also having some bugs showing up in my toplist because of the code. i'm going to use my orginal css code. thanks anyways for the help guys! :)

No way around this unless you use some dirty tricks as putting your banners into an iframe (which i'm not sure will do the trick) or even more fucked up using .swf (flash) for banners or a javascript if/then thing for each thumb or banner,overkill and not worth it for a minimal cosmetic issue. :2 cents:

yeah was thinking the samething bro. not worth the hassle. screw making the images go gray... lol...

<style>
a:hover img {FILTER:Grey}
a:active img {FILTER:Grey}
</style>