image title not showing on hover in firefox

kvnmcwebn · 2011-10-29 17:50:25

Anyone ever encounter this?
In fire fox my image title boxes are just yellow squares about 5 × 10 px. There is no text in them.
The only thing i can think of is that the image title’s were inadvertently targeted in the css but i don’t know.
Works fine in safari…

Gocom · 2011-10-29 17:56:41

You mean tooltips? We can’t really help that much without knowing the site. Tho, it may happen if you have an open HTML tag attribute, or unclosed container that has a title set.

kvnmcwebn · 2011-10-29 18:33:05

Hi Jukka,

The site in question is the link in my signature. Any page really but the homepage is a good example, all the thumbnails….

The code for the tool tips was working before.

Here is an instance of it:

<li style="float:left; ">
 <a href="<txp:permlink />" title="<txp:title />">
<img src="<txp:site_url />
images/<txp:custom_field name="Image-ID" />t.jpg" 
alt="Picture of <txp:title />" /></a>
</li>

Gocom · 2011-10-29 19:26:24

Tooltips show up just fine for me on latest stable Firefox on Mac, but there are validation errors on your website.

kvnmcwebn · 2011-10-29 19:32:10

thats funny tool tips don’t show up for me in fire fox…. But good to hear the do for you.
I haven’t validated the site yet, I need to finish off the redesign first.
I don’t even want to know what the validation report looks like right now, i would be afraid to look at it!

jacknails · 2011-10-30 00:15:44

It looks to me like some thumbnails have a title set and some don’t.
As far as I know, Firefox will show a tooltip if you have a title set for the image, but it won’t show the alt text in a tooltip.
So you probably want something like this:
<img src="01.jpg" alt="text" title="text">

GugUser · 2011-10-30 01:32:09

I suppose you mean Donegal Image.

Your code example could be simplified:

<li><a href="<txp:permlink />" title="<txp:title />"><txp:article_image thumbnail="1" /></a></li>

float: left; in the style attribute should be located in the CSS file.
For the image ID you don’t need a custom field, for there is the article image field.
The tooltip shows the title attribute of the anchor tag!

Last edited by GugUser (2011-10-30 02:03:01)

GugUser · 2011-10-30 01:44:02

kvnmcwebn schrieb:

I don’t even want to know what the validation report looks like right now, i would be afraid to look at it!

Amazing attitude. You could learn a lot from it.

kvnmcwebn · 2011-10-30 10:48:24

jacknails wrote:

It looks to me like some thumbnails have a title set and some don’t.
As far as I know, Firefox will show a tooltip if you have a title set for the image, but it won’t show the alt text in a tooltip.
So you probably want something like this:
<img src="01.jpg" alt="text" title="text">

Thanks Daniel, I’ve put the title in the image tag but it’s still not working. I’ll fool around with it some more.

Last edited by kvnmcwebn (2011-10-30 10:50:27)

GugUser · 2011-10-30 14:35:44

GugUser schrieb:

3. The tooltip shows the title attribute of the anchor tag!

Textpattern CMS

Textpattern CMS support forum

#1 2011-10-29 17:50:25

image title not showing on hover in firefox

#2 2011-10-29 17:56:41

Re: image title not showing on hover in firefox

#3 2011-10-29 18:33:05

Re: image title not showing on hover in firefox

#4 2011-10-29 19:26:24

Re: image title not showing on hover in firefox

#5 2011-10-29 19:32:10

Re: image title not showing on hover in firefox

#6 2011-10-30 00:15:44

Re: image title not showing on hover in firefox

#7 2011-10-30 01:32:09

Re: image title not showing on hover in firefox

#8 2011-10-30 01:44:02

Re: image title not showing on hover in firefox

#9 2011-10-30 10:48:24

Re: image title not showing on hover in firefox

#10 2011-10-30 14:35:44

Re: image title not showing on hover in firefox

Board footer