7 replies to this topic

[rockraider]

Please move if this this in the wrong place.

I've recently been trying to create an effect when an image is a link, and when you hover your mouse over it, it 'highlights' (changes to another image that's has its' text highlighted) and then when you move your mouse off of it, it flips back to the first image (non-highlighted). I have sucessfully have done so in every broswer excpet IE.

However, in IE and Firefox 3, a blue border shows up around the image, despite not being told to display it. In Safari, Google Chrome, and Opera, there aren't any blue borders showing up.

Considering the most opular browsers are IE and FF, I'd like to know how to fix this.

[Christopher]

In the image tag do you have

border="0"
<img src="someimage.php border="0"...

[rockraider]

This is the precice (sp?) code:

<center><a href="<A href="http://www.tbccanmore.ca/youth/">http://www.tbccanmore.ca/youth/</A>" ><img id="youthhome" src="<A href="http://www.tbccanmore.ca/graphics/youthhome1.png">http://www.tbccanmore.ca/graphics/youthhome1.png</A>" onmouseover="youthover()" onmouseout="youthout()" /></a>&nbsp; |&nbsp;

Minus the extra '<A href </a>' codes IPB added.

[Joe]

<center><a href="" onMouseOver="document.MyImage.src='image2.gif'; " onMouseOut="document.MyImage.src='image1.gif';"> 
 <img src="image1.gif" name="MyImage"></a>

Is a code to create the normal rollover/mouseover effect. I would imagine that there is something you could include in there that would make both images link to the webpage of your choice.

[rockraider]

The blue borders didn't go away.

[JuniorD]

you still didn't add "border=0"

[Joe]

to remove the blue borders you'll probably need to add the css code

a, a:visited, a:active{color:YOURHEXHERE; text-decoration:none; font-weight:bold;}
a:hover{color:HOVERHEXHERE; text-decoration:underline}

[rockraider]

JuniorD, on Nov 17 2008, 02:28 PM, said:

you still didn't add "border=0"

Oh silly me.

Fixed. Thanks for the help. Close now if you wish...