Image replacement technique with a link?

liunx

Guest
Hello,

Does anyone know an image replacement technique that you can also use as a link?Huh? You mean you want the link to send to another page, and also change an image? Where would this changed image be, on the new page, I assume?Do you want an image that's a link that changes when you hover over it? That can be done with CSS.I would like use the image that replaces the text as a link.That makes no sense.I'm afraid I still don't understand what it is you wanna do.I think he wants a text link that will change to an image.Haha, everyone's confused. Image replacement technique? First thing that comes to mind is Shea Image Replacement (<!-- m --><a class="postlink" href="http://www.mezzoblue.com/tests/revised-image-replacement/">http://www.mezzoblue.com/tests/revised- ... placement/</a><!-- m -->). You can make it work with images, on my site (<!-- m --><a class="postlink" href="http://www.cmmwebdesign.com/v3/">http://www.cmmwebdesign.com/v3/</a><!-- m -->) (put your mouse over the header, "Computer MasterMinds" to see the effect).But it sounds like he doesn't want thatThen we can just wait for him to reply. :pUhh... I try to make myself clear this time. As we all know image replacement technique replaces a certain tag with a image. I'd like to use the image as a link. Just like a header graphic in a webpage, and when you click it you follow the link to the index.html page.

Got it?Originally posted by nasu
Got it?

I don't know if anyone else got it, but I'm still completely clueless.<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html"><img src="yourpicture.gif" alt="your picture" border="0"></a>

How's that?Yeah we all overshot what he wanted. He just wants an image to be a link.It was posted in the CSS forum, that's why; it has nothing to do with CSS, unless I'm missing something.Originally posted by nasu
As we all know image replacement technique replaces a certain tag with a image. I'd like to use the image as a link. Just like a header graphic in a webpage, and when you click it you follow the link to the index.html page.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css" media="screen">
<!--

h3 a{
display: block;
width: 190px;
height: 35px;
background-image: url(<!-- m --><a class="postlink" href="http://www.waycoolwebdesign.com/website-design/images/submit_01.gif">http://www.waycoolwebdesign.com/website ... mit_01.gif</a><!-- m -->);
text-decoration: none;
}

-->
</style>
</head>

<body>
<h3><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> </a></h3>
</body>
</html>Thanks TimeBandit, got it working.
 
Back
Top