I'm not trying to make images that are readable, I am simply wanting to use small banners instead of text to create links in the sidebars of my blog. the code above is for the link and the text. I simply want to swap the word "WordPress" in the above example for a .gif banner that the reader can see and click on if he wants to follow the link.
the links you gave me seem far more complex and have something to do with being able to still "read" the text. I don't care about that in this case. can we simplify the process a little here?
You're right, Image Replacement techniques are a bit more complex (although they're definitely not rocket science).
There are very good reasons to use them instead of substituting an image for text though:
- If someone is browsing your site without images turned on, they can still read the content
- Some mobile devices may not display images or CSS layouts
- Blind or sight-disabled users who use screen reader software won't have any idea what the image is unless you have alt or replacement text
- Search engines don't read images, they read text
To each, his/her own, though. I, personally, would never substitute and image for text without providing a backup.
Hope this helps.