Here is a current page I am working on http://www.russabbott.com/VERSION_2/tattoo.html I would like to change the color of the borders on my image links but cant seem to figure it out on my own. I'm sure its something easy that I am messing up. To do this with text, i would use something like this.
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #D00000;
}
a:active {
color: #000000;
}Can anyone help point me in the right direction? thanks
Jump to PostThey seem to be working, for me, in FireFox. When I rollover, the black border turns red.
To answer your question, though, give all images the same class, with the CSS looking something like this:
.myImages {border:1px; border-thickness: 1px; border-color: #000; border-style: solid;}
Then, you can use CSS …
They seem to be working, for me, in FireFox. When I rollover, the black border turns red.
To answer your question, though, give all images the same class, with the CSS looking something like this:
.myImages {border:1px; border-thickness: 1px; border-color: #000; border-style: solid;}
Then, you can use CSS to cascade that definition to hyperlinks:
a:hover, a:active {color: #fff;}
a:hover .myImages,
a:active .myImages {border:1px; border-thickness: 1px; border-color: #fff; border-style: solid;}
Now, the border of your image links will turn red on hover or active.
It does work in FireFox but IE6 doesn't like it
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.