Forum Moderators: open

Message Too Old, No Replies

"Title" text for {img scr}

Doesn't work in Mac Safari

         

jerry4dos

7:59 am on Oct 28, 2003 (gmt 0)

10+ Year Member



30% of my web site visitors (3 people), have complained that since they have upgraded their Macintosh computers to the new default SAFARI web browser, they can no longer see my Secret Messages that I write as {img scr} attributes "alt" and "title" texts, when they roll their mouses (mice?) over the pictures.

Is there any additional code that I can add to my HTML pages to make this "rollover" feature work for Mac Safari users?

benihana

9:04 am on Oct 28, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



alt text isnt supposed to be displayed in visual browsers - IE/PC gets this wrong. its supposed to be an ALTernative for people who cannot see the image (text browsers, screen readers etc)

title attribute is supposed to be used on links(text or image) where the destination may not be obvious.

ben

<edit> sorry, i realised this doesnt directly answer the question. what im trying to say is dont worry about it</edit>

tedster

11:20 am on Oct 28, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to the forums, jerry4dos.

When in comes to those tool-tips, it sounds like you've got it right and Safari got it wrong.

As far as I know, there's nothing more you can do -- unless you want to get into a DHTML development that actually draws a div on hover using javascript and css. That's too much code bloat for my taste, especially given the small return on effort and the challenge of coding javascript for Safari.

I'm pretty sure that Apple will reach standards on this browser feature soon - it's not the most challenging thing to add into a rendering engine. Actually, I'm surprised to hear that it's not included already.

hartlandcat

11:45 am on Oct 28, 2003 (gmt 0)

10+ Year Member



Safari does display text put in the "title" attribute... it displays it in the status bar, instead of in a tooltip.

benihana

11:49 am on Oct 28, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



tedster,

do you mean the alt attrib? i was under the impression this wasnt supposed to be rendered in visual browsers.
thanks

hartlandcat

5:45 pm on Oct 28, 2003 (gmt 0)

10+ Year Member



Basically...

ALT attributes are for specifying alternative text that can be used if the image is broken or if a visitor is using a browser that for one reason or another doesn't display images, either because they have them switched off to make their internet experience faster, because they're using a text-only browser like Lynx or because they're blind and are using a screenreader. It is essential that you use this because it's estimated that around 30% of people browse without images. It also happens that some browsers also display the alternative text in a tooltip when the image is hovered over. I, along with many other people, consider this to be incorrect behavour. Many browsers, such as Netscape 6/7 don't do this.

TITLE attributes are for specifying text that tells a visitor more about an image or link when the image or link is hovered over. Browsers generally display this in a tooltip OR in the status bar. Just about all browsers (apart from really old and really obscure ones) support this.

g1smd

12:00 am on Oct 29, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> "Title" text for {img scr}

Make sure that scr is actually src on your page.

.

The title and alt attributes are used as follows:

Valid: <a href="/path/page.html" title="popup text here">the link or anchor text</a>

Valid: <img src="/path/filename.png" alt="alternative text" height="50" width="50" border="0">

Valid: <a href="/path/page.html" title="popup text here"> <img src="/path/filename.png" alt="alternative text" height="50" width="50" border="0"> </a>

Reflection

12:08 am on Oct 29, 2003 (gmt 0)

10+ Year Member



You missed one there gsm1d :)

<img src="/path/filename.png" alt="alternative text" title="title text" height="50" width="50" border="0">

jerry4dos

3:39 am on Oct 29, 2003 (gmt 0)

10+ Year Member



Hi guys:

Thanks for the ideas. I should have posted a sample of my (hand written) code. As near as I can tell, it follows all the rules, but I'd certainly welcome an inspection! All the pictures have "Secret Messages." How do I make them show up in SAFARI like a "tool-tip"?

Thanks.

Sample page. [www31.brinkster.com]

Jerry

hartlandcat

9:06 am on Oct 29, 2003 (gmt 0)

10+ Year Member



I suggest you get rid of that link quickly before a moderator sees it, as personal links are not allowed in this forum. The only way I can think of that would make them show up as tooltips in Safari is to use DHTML.

jerry4dos

5:17 am on Oct 30, 2003 (gmt 0)

10+ Year Member



OK, hartlandcat. I'll bite. How do I change my post? The OWNER EDIT button is not showing up.

Jerry

hartlandcat

10:15 am on Oct 30, 2003 (gmt 0)

10+ Year Member



Oh, I believe it only shows up for a certain amount of time after you make the post...

g1smd

8:30 pm on Oct 30, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I might be wrong, but I think the limit might be something like only 3 or 4 hours.

jerry4dos

6:38 am on Oct 31, 2003 (gmt 0)

10+ Year Member



Well, perhaps the Moderator will realize that it isn't a link to my "real" site at all, just a link to a sample page to demonstrate the code snipet under discussion.