Mobile Friendly Website


Doing it with style

image replacement COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

I've always used text-indent:-999em and overflow:hidden(opera) But IE gets a 7px bug with that.
(25.08.2005, 15:17)

That way will display no text with 'images off'.
(25.08.2005, 15:44)

This is what I mean:
#theimage {display:block;, width:200px; height: 150px; overflow:hidden; text-indent:-999em; bacground: utl(theimage.jpg) no-repeat top left } html: <div id="theimage">Some descrpitive text for the image here</div>
As you see you can put text there and not use an extra markup element to hide the text. How do you mean "images off"?
(26.08.2005, 22:43)

text-indent -999em will move the text off the visible screen.
Most browsers will allow you to browse with images turned off.
If you are using Internet Explorer then go to >tools>internet options>advanced>show pictures and click the tick to turn off images. On my example you will then see the text instead. With your example you will see nothing.
(26.08.2005, 22:58)

better use text-indent: -9999px
and use an extra <img> that holds alt text
you can hide the image with margin-left: -1000px and width: 0. The same image can be used for the background for the em. That way (if I am correct: text-based browsers will display the alt text) Plus older non-CSS browsers see the image too.
(10.09.2005, 11:38)

5 of 35 comments (part 4). [ « ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page