Is it possible to display a link text without changing its color ?


When displaying a link text (<a...>text</a>) many browsers change its color and underline it.
I would like the color not to be changed, for a:link, a:visited and a:hover.

I know it is possible by redefining the color but this is not an easy solution if texts are displayed in many colors depending on whatever... For each possible text color a redefinition should be written.

So my question is : is it possible to inhibit the browser to change the color of a link. I have a begin of answer : a {color: inherit;} but this does not work for IE (6, 7, 8 at least).

How to change navigation bar when page selected???

Please help I need a home button to appear in the navigation bar when viewing the home page. (using CSS and HTML)

Here is the CSS code for the hover state which works fine, so can i replicate it to work for when the page is selected rather then hovered over???...

#navigation-Home { width: 70px; }
#navigation-Home a:hover { background:url("Home.png") 0px 15px no-repeat; }

Here is the HTML code for the hover state:

<div id="navigation">
    <li id="navigation-Home"><a href="THE LINK TO HOMEPAGE">Home</a></li>


Roll over image to display text

I am working on a simple 3 x 3 grid display, what I am trying to accomplish is a series of 9 images, but when hovered/moused over some descriptive text is shown.

This is my code now, and the problem I am having is that the two objects wont lie over each other properly, any ideas?


visibility: visible;
display: block;
.cssnav a
color: black;
text-decoration: none;
.cssnav a:hover img
background: #0CC;
.cssnav span

CSS hover image link not working in IE

Please refer, mouse over to "Pebbles Wash" and click the image. It working fine in Chrome and Firefox, but the link not working in IE. Here's my code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Konzept Garden</title>
<style type="text/css">
* {margin: 0; padding: 0;}
#main {
width: 520px;
height: 228px;

Image Hover Effect Applied But Image Disappears


I am modifying an HTML template. I want to change the opacity of certain icons/buttons on mouse over. I used this tutorial to create a hover effect. Here is the isolated image working correctly.

Syndicate content