Alt-text problems

Hi all,
on the following 4 pages:
http://www.bathingwithtoasters.com/signs.php
http://www.bathingwithtoasters.com/signs2.php
http://www.bathingwithtoasters.com/signs3.php
http://www.bathingwithtoasters.com/dxfiles.php
There should be alt-text on all the images (except 2 of them on signs3), in my Firefox 5 browser, i have never been able to see the alt-text by hover the mouse over it (only by viewing image properties), and that has been that way since Firefox 2. However i used to be able to see them in my other browsers: IE8, Opera 10, Chrome, but no longer can.
I originally presumed it was a problem with my installation of firefox (though i can see alt-text everywhere else like XKCD), but since then cannot view it at all, so first i was wondering if any of you can see the alt-text when you hover the mouse over the images, and second, why is it not working on my PC

For example, this is the code for the left top image on signs.php
[php]

Decisions, Decisions...


This might be one of those times where it’s better, not to flip a coin over it.
[/php]

The caption i can see just fine, that is just ordinary text, but the alt text ‘Decisions, Decisions…’ I can’t see by hovering the mouseover it, in any browser, but there’s nothing fancy about the code, i am guessing it is not the code that is the problem, but though it was worth checking with you guys first, and thirdly, if there is anything i can add to the code, to help with compatibility to get around this problem.

Any help would be much appreciated,
Thanks in advance,
Nick

Hi there,

Have you tried adding the title attribute to your images?

<img src="signs/1.jpg" alt="Decisions, Decisions..." title="Decisions, Decisions..." width="200" height="200" />

Ahh, cosmic, absolutely brilliant, that’s fixed it… now to repeat that 67 more times… fun.
Thank you so much, that’s been bugging me for the best part of 2 years.
I really appreciate it, thank you ;D ;D

Just so you know, if you’re using an IDE that supports regex find and replace you could run this replace (or have Notepad++ handy):

Find: <img(.+)(alt=\"([^\"]+)\")([^>]+>) Replace: <img$1$2 title="$3"$4

I do have Notepad++, though tend to use Dreamweaver CS4 as my text editor.
If i am totally honest, i didnt understand even a little bit of that, i’m a total novice at this.
But i do really appreciate the help, i have just changed them all by hand anyhow, but thank you anyway.

Sponsor our Newsletter | Privacy Policy | Terms of Service