Question

I would like to replace text with image, but I want also to have the text on the web page, which is related to the image. This is because i would like the search machines to list the web page at the top, according to the text in the web page.

thanks a lot.

Answer 1

I think you are describing the “sliding doors” technique.

HTML:

<div class="myImg">This is the text</div>

CSS:

.myImg {
    background:url(myImg.gif) 0 0 no-repeat;
    display:block;
    height:200px; /* your image height */
    text-indent:-99999em;
    width:200px; /* your image width */
    overflow:hidden;
}