How can I disable any and all text and instead display an image.
You are probably talking about what is called image replacement. You need to choose the method for doing this carefully, as various methods will cause other problems for you or your users. For instance, search engines won't index text that has the CSS
display:none rule applied. Also what about accessibility? Will your text show up if a user has images turned off? Etc.
Here is a good article on some various methods and their associated advantages/disadvantages: http://css-tricks.com/css-image-replacement/
Hi there, please be more descriptive about your question. Give an example scenario if you can.
display:none will disable/hide any element.
Check this out. This is a simple way to replace text within an element. You can use any h tag or whatever element you would like.
height: 50px; (this is the height of the image that you are replacing the text with)
background: url(/images/heading_image.jpg) 0 0 no-repeat;