Prevent image from changing colour

simon2x1

I create a css that will make the text on my html page change colour when the mouse is on it but on the page when i roll over the mouse to an image that i link it also change colour how can i make the image not to change colour it should just be normal when roll over

Dormilich

do the same for the image, only just don’t alter the color value.

simon2x1

Thank for your reply can you just show me an example

Dormilich

do you have something I can build upon?

simon2x1

this is my code below i image that i link also change colour when i roll over the mouse on it

Expand|Select|Wrap|Line Numbers

 
<html >

<head>

<title>Untitled Document</title>

<style type="text/css">

a:link {

    color: #999999;

    text-decoration: none;

}

a:visited {

    text-decoration: none;

    color: #999999;

}

a:hover {

    text-decoration: none;

    color: #0099CC;

}

a:active {

    text-decoration: none;

    color: #999999;

}
 
</style>

</head>
 
<body>

<p><a href="home.html">home</a></p>

<p><a href="image.html"><img src="image/ban.jpg" /></a></p>

</body>

</html>

acoder

Just remove the border.

simon2x1

I do understand there is no border in the code

Dormilich

Quote:

Originally Posted by simon2x1

I do understand there is no border in the code

not in your code…

images inside a link tend to have a border by default (i.e. browser default) to make them recognisable as a link. you need to explicitly set the border to 0.

Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

re: Prevent image from changing colour

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about