By 56rosa on

Hello,

I have added an image for background:

#menu-337 a:link  {
	background:url(../images/About.gif) no-repeat;
	
}

#menu-337 a.active  {
	background:url(../images/Aboutsth.gif) no-repeat;
}

#menu-337 a:visited {
	background:url(../images/Aboutelse.gif) no-repeat;
}

How do I get rid of the text that says "About" please? I think that I need to modify the HTML, but where do I modify it using this nice-menu (drop-down) module please?

At the moment, the text-link appears on top of my image. I need to get rid of it.

Thanks a lot

⋅ Categories: Drupal 6.x

Comments

jerseycheese’s picture

jerseycheese
Location Virginia Beach, VA
commented

See http://www.domedia.org/oveklykken/css-image-replacement.php

I usually throw an overflow:hidden on the element as well just to be sure the text doesn't show up somewhere it shouldn't. This is probably the best way to do it as well, since someone with a screen reader might be checking out your site and would need the text link.

56rosa’s picture

56rosa commented

Hi Jersycheese,

Thanks a lot for this link. It actually works well. So, thanks a lot.

However, I want a different image once the link has been visited. I have tried with "Hover", and it works well. The picture is showing. But it doesn't show with "visited". 

#menu-337:hover {
	height:26px;
	width:90px;
	display:block;
	border:0;
	text-indent:-9999px;
	background-image:url(../images/blabla.gif);
}

Any idea why please?

Thanks

jerseycheese’s picture

jerseycheese
Location Virginia Beach, VA
commented

Are you attempting to do this with #menu-337:visited?

56rosa’s picture

56rosa commented

yes, I tried that, but it doesn't work. So, it's obviously not right. I'm not sure.

Thanks