a:hover and having two link styles...?

  Bansaw 22:02 28 Sep 10
Locked

I want two link styles on the same page.
In my CSS file, I have already:
[code]
a:hover
{
Color : white;
Background-color : #3333ff;
}
[/code]
This works fine for regular text links.
However, I want to have an image link somewhere and for an image it looks bad becuse it highlights the image with a blue box around it.

How can I have a separate class for the image?
I already did this:
[code]
.imagelinkclass
{

a:link color: #FFFF00;
a:visited color: #9966CC;
a:hover color: #CCCCCC;
a:active color: #FF0000;

}[/code]
But didn't work.

Does the a:hover just overrride everything I do?
In my HTML I have:
[code]
a href="ImagesPromo/PlayDemo.html" class="imagelinkclass"> img src="ImagesPromo/picts/Reflected.png" border="0" align="middle"> /a>[/code]

Any ideas?

  DarCol 18:35 04 Oct 10

use this code tu test your border, here is at 5px in color black, solid fill.

<a href="ImagesPromo/PlayDemo.html">
<img src="ImagesPromo/picts/Reflected.png" style="border:5px solid black" width="100" height="100" /></a>

And if you dont's want border use this:

<a href="ImagesPromo/PlayDemo.html">
<img src="ImagesPromo/picts/Reflected.png" style="border:0px" width="100" height="100" /></a>

The border tag, is deprecated, and is not supported in HTML 4.01 Strict / XHTML 1.0 Strict DTD.

Use CSS instead. For that versions and HTML5.

You could just do (in your css document):

img { border: 0; }

This would apply to all images in the page.

This thread is now locked and can not be replied to.

iPhone 7 review: a range of small updates add up to an excellent phone

1995-2015: How technology has changed the world in 20 years

How New York’s Stylin’ Seniors became a golden social media campaign

23 Apple Watch tips & secret features: Master your Apple Watch, Apple Watch Series 1 or Apple…