Title in Link problems

[lindhsky]

Hello!

I have a problem but I am not sure if it is just my properties that are wrong in my Internet Explorer 8 or if I do something wrong when I code.

The problem is that I want text to appear when people have the mouse over the link but it is not working in Internet Explorer 8, while it works in Mozilla. It also works when I am using images.

Here's an example of code that doesn't work in Internet Explorer but works in Mozilla.

echo "<a href='navigation.php' title = 'Used for expeditions and daily events. Also used in ship versus ship combat.'><b> [Navigation] </b></a>";

Am I doing something wrong? I have noticed that it works in my Internet Explorer 8 browser when they have the same thing and when I checked the html-code on those pages they did it the way I have above unless I am blind.

Thanks in advance!

[Mufasa]

Shouldn't be any different... One thing to double check is that you escape single or double quotes in your string (depending on which you use in your HTML)

[lindhsky]

I tried that now without result. It worked on the computers at work with Internet Explorer, so I guess it's something with my Internet Explorer.

Thanks

[Mufasa]

it's probably unlikely that your work computers have IE8 though, so perhaps it is something with the string you're trying and IE8. Have a link to an example?

[Sinzygy]

why not use a js-tooltip plugin?
Customizable and shows up more reliable than title tags.
http://docs.jquery.com/Plugins/Tooltip

[Andy]

Agree with Sinzygy, use a js-tool plugin!

[raestlyn]

Why mess up with js if that will be the only thing he needs it for? How about purely CSS3 tooltip? Just change the

Code: [Select]

div:before{
    content:attr(title);
    display:none;
}
to

Code: [Select]

div:before{
    content:attr(tip);
    display:none;
}
and

Code: [Select]

<div title="Tooltip text for first div"></div>to

Code: [Select]

<div tip="Tooltip text for first div"></div>
That way if you leave your mouse over the div you won't see the title.

[Mufasa]

Why mess up with js if that will be the only thing he needs it for? How about purely CSS3 tooltip? Just change the

Code: [Select]

div:before{
    content:attr(title);
    display:none;
}
to

Code: [Select]

div:before{
    content:attr(tip);
    display:none;
}
and

Code: [Select]

<div title="Tooltip text for first div"></div>to

Code: [Select]

<div tip="Tooltip text for first div"></div>
That way if you leave your mouse over the div you won't see the title.

while cool, I'd imagine supported browsers will be minimal

[raestlyn]

while cool, I'd imagine supported browsers will be minimal

Yeah, it doesn't work on < IE7 as it should be.

[Barrikor]

while cool, I'd imagine supported browsers will be minimal

Yeah, it doesn't work on < IE7 as it should be.

But nothing works < IE7 as it should anyway