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

  Bansaw 22:02 PM 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 PM 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.

Advertisement

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

How to get free stuff for Android: Amazon Underground offers genuinely free Android apps and free…

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

Swedish schoolkids use Minecraft to redesign Stockholm city centre

Apple's special event invitations decoded: A look back at 13 of Apple's most cryptic invites