Hi,

Im using a style switcher to enable client to switch between a graphic version and a text only version.

To remove the graphic images for the text only version, i defin img class with in my text only style sheet as the below,

display: none; visibility:hidden;

My problem is that some images are infact titles to navigation or relevant information that requires the title. How do I define so as the text title or all is replaced in stead of the image.

cheers for your time.

Steve

Well, one way to do it is like this:

<div class="title">
   <h3>My title</h3>
</div>

and now, in your graphic version:

.title h3 {
   text-indent:-9999px; /* take the text out of your way*/
   display:block;
   width:width of your image;
   height:height of your image;
   background: url(myimage.jpg) no-repeat;
}

in the text version, style the title as you wish:

.title h3 {
   font: 12px/20px Arial,Verdana,sans-serif;
   color: #cc0000;
   whatever...
}

another way is this: http://www.kryogenix.org/code/browser/lir/
several ways: http://www.mezzoblue.com/tests/revis...e-replacement/
and another bunch: http://stopdesign.com/articles/replace_text/