How do I get my Alt image text to display correctly?

4 Views

I was wondering…if any coding expert out there could spare a few minutes to help me out with a tiny problem? It’s something to do with the alt image text.

You see, whenever I upload an image, the alt text for it doesn’t display properly. You can have a look here –> http://buywerewolfcostume.com/. This is how it’s displaying in the source code:

Read More

alt="Female-vampire-small.jpg"

alt="side_farm_trap_1.jpg"

How do I get it to display like this –

alt="Female Vampire" and alt="Side Farm Trap"

I tried installing a special Alt image plugin, (the site is built on a WordPress platform) but that didn’t work. I also tried editing the image settings but that didn’t work either. Is there a special line of code I should add to the CSS stylesheet?

Btw, here is the image code in my stylesheet:

.images img {padding:0 13px 0 0;}

.images img.last {padding-right:0;}

I’d really appreciate it if anyone out there could please offer some advice…

Post Views: 4

Related posts

Leave a Reply

4 comments

  1. in your index file where is says

    <div class="images" style="padding-top:10px; "><?php get_images(); ?></div>

    You might as well just replace with your images and then you can make the alt tags what ever you want.

    <div class="images" style="padding-top: 10px;">
<img alt="Female Vampire" src="http://buywerewolfcostume.com/wp-content/uploads/Female-vampire-small.jpg">
<img class="last" alt="Side Farm Trap" src="http://buywerewolfcostume.com/wp-content/uploads/side_farm_trap_1.jpg">
</div>

  2. This is a simple matter in html:

    <img src="side_farm_trap_1.jpg" alt="Side Farm Trap" >

    Edit after retagging: Does WordPress hide the option to add alt text or a title to images?

  3. Not sure I totally follow, but does this work for you?

    <img src="Female-vampire-small.jpg" alt="Female Vampire" title="Female Vampire" />

    The Alt tag is for when the image is for some reason NOT there. The alt text will show up in it’s place
    The Title tag is displayed as a tooltip in the browser

    Note: IE used to display the Alt tag as a tooltip as well, but it no longer does.

  4. When you upload an image via WordPress, put the text you want to show up as ‘alt text’ both in the “Title” field and in the “Alternative Text” fields. Then click the “Insert Into Post” button.

    Here’s a video about uploading an image via the WordPress interface. In this video the “alternative text” field is called “caption”. In newer versions of WordPress, “caption” and “alternative text” are separated out into different fields. The “caption” field shows up as a caption underneath your image; the ‘alternative text’ (or ‘title’) field is what shows up on hover/mouseover. Experiment to see what works best for you.

    http://wordpress.tv/2009/01/05/embedding-photos-video-audio-into-your-posts/

    Best of luck!