VSD - Problem with Changing link...

Jun 6th, 2010 at 11:55 PM
User 448695 Photo

sharonj
Registered User
88 posts

Hi,

I just upgraded to the latest version of VSD. Everything has been a smooth changeover except that the hover code I had previously inserted no longer seems to work. Has anybody else experienced this problem or would take the time to check my code and let me know why it's not working?

Thanks.

Sharon
Bumpy Buns
Specializing in Australian Modern Cloth Nappies
www.bumpybuns.com.au
Jun 7th, 2010 at 01:22 AM
User 117361 Photo

Janys Hyde
Ambassador
6,076 posts

What colours did you use originally and what colours are showing now? Can you point me to a link in particular? The links I have hovered over do not seem to change colour, but only become underlined.
http://www.venicefromtheinside.com
Jun 7th, 2010 at 01:55 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

I noticed that the A:hover statement appears before a:link and a:visited. I think the order is important here, and that the a:hover must be after a:link and a:visited in order to work.
I have no idea how this could have changed in connection with your program version change.

I don't get any changes while hovering when using Chrome, IE8 or FF3.6. Where - and using which browser - do you get underlining while hovering, Janys?
Per
www.mingas.com
Jun 7th, 2010 at 02:09 AM
User 2000538 Photo

tassietiger
Registered User
1,392 posts

<!--

A:hover{COLOR: #333300; TEXT-DECORATION: none; font-weight: none}

-->


If you remove the comment tags it might work :) Remove <!-- and -->

Also its better to have all lower case for the tags.
I know you believe you understand what you think I said...but I am not sure you realize that what you heard is not exactly what I meant.
Jun 7th, 2010 at 02:33 AM
User 463058 Photo

Cary
Ambassador
1,086 posts

If you're talking about the link in your sig...

You have this code:
<style type="text/css">
A {text-decoration: none}
<style type="text/css">
<!--
a:link {color:#808000;}
a:visited {color:#808000;}
a:hover {color:#333300;}
-->
</style>
<link rel="shortcut icon" href="favicon.ico">


Try this code instead:
<style type="text/css">
#container a {text-decoration: none}
#container a:link {color:#808000;}
#container a:visited {color:#808000;}
#container a:hover {color:#333300;}
</style>
<link rel="shortcut icon" href="favicon.ico">
Jun 7th, 2010 at 05:35 AM
User 448695 Photo

sharonj
Registered User
88 posts

Cary,
You're brilliant! That works a treat!

Thank you Tassie Tiger, Per and Janys.
-I had tried to remove the comment tags. Didn't work.
-The order of the hover, link and visited couldn't be changed because VSD inserts my own code before the built in link and visited code. Couldn't change it.

But Cary, while I have no idea what #container means at this stage - It works :0)

Very Happy:D

And thank you :D:D:D
Bumpy Buns
Specializing in Australian Modern Cloth Nappies
www.bumpybuns.com.au
Jun 7th, 2010 at 05:50 AM
User 2000538 Photo

tassietiger
Registered User
1,392 posts

Excellent! I'm pleased you have it working.

Cary is a whizz with code :)
I know you believe you understand what you think I said...but I am not sure you realize that what you heard is not exactly what I meant.
Jun 7th, 2010 at 07:00 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

tassietiger wrote:
Cary is a whizz with code :)

I have often found this to be true! :)
Per
www.mingas.com
Sep 17th, 2010 at 03:35 PM
User 2093356 Photo

Andy
Registered User
49 posts

Thanks Cary --

I love it. I needed that answer..

<style type="text/css">
#container a {text-decoration: none}
#container a:link {color:#808000;}
#container a:visited {color:#808000;}
#container a:hover {color:#333300;}
</style>
AndyF

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.