Disable tooltips with CSS

David Trimboli wrote:

I thought I might disable the tooltips for that site with custom
styles.

You can't, because the tooltip thing isn't in the realm of CSS. It's not an
element, even a pseudoelement, that you could style. You can't even style
the font size (which is usually too small) in CSS, only via system settings.

Tooltip effects _could_ be implemented in a CSS way, and there are many
ideas on actually doing such things in style sheets. However, the way most
graphic browsers implement tooltips for title attributes is something
different. (This is one reason why CSS tooltips are problematic if they have
been designed to show the title attribute value: they won't override the
browsers' behavior, so the user typically sees the text as tooltips in two
ways.)

--
Yucca, http://www.cs.tut.fi/~jkorpela/

On 2009-08-04, David Trimboli <david (AT) trimboli (DOT) name> wrote:

Adrienne Boswell wrote:
Gazing into my crystal ball I observed David Trimboli <david (AT) trimboli (DOT) name
writing in news:4a789388$0$31286$607ed4bc (AT) cv (DOT) net:

I frequent a message board (forums.sjgames.com) that pops up a preview
of a message when you hover over the topic's subject line. It does this
with title attributes in its markup. I find these previews extremely
annoying.

I thought I might disable the tooltips for that site with custom styles.
I know how to limit styles to a specific domain in Firefox, but I'm
wondering if there is a way for styles to manipulate the visibility of
tooltips caused by the title attribute.

I don't want to disable all tooltips in Firefox, just the ones from this
site.


a[title]:hover {display:none} might work.

No, it doesn't. I don't think you can use "display: none" on the link
pseudo-classes.

You can use it on whatever you want. The reason this doesn't work is
because the tooltip is not implemented with CSS at all.

It might have been, in which case Adrienne's suggestion would have
worked, so it was worth a try.

On Wed, 05 Aug 2009 11:29:55 -0500, Ben C wrote:

On 2009-08-04, David Trimboli <david (AT) trimboli (DOT) name> wrote:
Adrienne Boswell wrote:
Gazing into my crystal ball I observed David Trimboli <david (AT) trimboli (DOT) name
writing in news:4a789388$0$31286$607ed4bc (AT) cv (DOT) net:

I frequent a message board (forums.sjgames.com) that pops up a preview
of a message when you hover over the topic's subject line. It does this
with title attributes in its markup. I find these previews extremely
annoying.

I thought I might disable the tooltips for that site with custom styles.
I know how to limit styles to a specific domain in Firefox, but I'm
wondering if there is a way for styles to manipulate the visibility of
tooltips caused by the title attribute.

I don't want to disable all tooltips in Firefox, just the ones from this
site.


a[title]:hover {display:none} might work.

No, it doesn't. I don't think you can use "display: none" on the link
pseudo-classes.

You can use it on whatever you want. The reason this doesn't work is
because the tooltip is not implemented with CSS at all.

It might have been, in which case Adrienne's suggestion would have
worked, so it was worth a try.

But surely Adrienne's suggestion would merely hide the links themselves.
Right? That is, all <a> elements which specify a title attribute would be
not-displayed. (5.8.1 in CSS2.1)

The OP's wish, that the on-hover pop-up tooltips (which you theorize could
be accessed via CSS) not appear, would be fulfilled by Adrienne's code, but
only because there'd be nothing over which to hover.

Some other notation would have to be used in a CSS-popup world. Maybe like

a[title]:hover:opup {display:none}

except not as confusing? :-)

--
John

On 2009-08-06, John Hosking <john-nin2 (AT) bluemail (DOT) ch> wrote:

On Wed, 05 Aug 2009 11:29:55 -0500, Ben C wrote:

On 2009-08-04, David Trimboli <david (AT) trimboli (DOT) name> wrote:
Adrienne Boswell wrote:
Gazing into my crystal ball I observed David Trimboli <david (AT) trimboli (DOT) name
writing in news:4a789388$0$31286$607ed4bc (AT) cv (DOT) net:

I frequent a message board (forums.sjgames.com) that pops up a preview
of a message when you hover over the topic's subject line. It does this
with title attributes in its markup. I find these previews extremely
annoying.

I thought I might disable the tooltips for that site with custom styles.
I know how to limit styles to a specific domain in Firefox, but I'm
wondering if there is a way for styles to manipulate the visibility of
tooltips caused by the title attribute.

I don't want to disable all tooltips in Firefox, just the ones from this
site.


a[title]:hover {display:none} might work.

No, it doesn't. I don't think you can use "display: none" on the link
pseudo-classes.

You can use it on whatever you want. The reason this doesn't work is
because the tooltip is not implemented with CSS at all.

It might have been, in which case Adrienne's suggestion would have
worked, so it was worth a try.

But surely Adrienne's suggestion would merely hide the links themselves.
Right? That is, all <a> elements which specify a title attribute would be
not-displayed. (5.8.1 in CSS2.1)

That's true, yes, so it wouldn't have worked (as I guess everyone was
saying...)

The OP's wish, that the on-hover pop-up tooltips (which you theorize could
be accessed via CSS) not appear, would be fulfilled by Adrienne's code, but
only because there'd be nothing over which to hover.

Some other notation would have to be used in a CSS-popup world. Maybe like

a[title]:hover:opup {display:none}

except not as confusing? :-)

Exactly, it would be something like that.

On Aug 6, 8:29*am, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2009-08-06, John Hosking <john-n... (AT) bluemail (DOT) ch> wrote:



On Wed, 05 Aug 2009 11:29:55 -0500, Ben C wrote:

On 2009-08-04, David Trimboli <da... (AT) trimboli (DOT) name> wrote:
Adrienne Boswell wrote:
Gazing into my crystal ball I observed David Trimboli <da... (AT) trimboli (DOT) name
writing innews:4a789388$0$31286$607ed4bc (AT) cv (DOT) net:

I frequent a message board (forums.sjgames.com) that pops up a preview
of a message when you hover over the topic's subject line. It does this
with title attributes in its markup. I find these previews extremely
annoying.

I thought I might disable the tooltips for that site with custom styles.
I know how to limit styles to a specific domain in Firefox, but I'm
wondering if there is a way for styles to manipulate the visibilityof
tooltips caused by the title attribute.

I don't want to disable all tooltips in Firefox, just the ones fromthis
site.

a[title]:hover {display:none} might work.

No, it doesn't. I don't think you can use "display: none" on the link
pseudo-classes.

You can use it on whatever you want. The reason this doesn't work is
because the tooltip is not implemented with CSS at all.

It might have been, in which case Adrienne's suggestion would have
worked, so it was worth a try.

But surely Adrienne's suggestion would merely hide the links themselves..
Right? That is, all <a> elements which specify a title attribute would be
not-displayed. (5.8.1 in CSS2.1)

That's true, yes, so it wouldn't have worked (as I guess everyone was
saying...)

The OP's wish, that the on-hover pop-up tooltips (which you theorize could
be accessed via CSS) not appear, would be fulfilled by Adrienne's code,but
only because there'd be nothing over which to hover.

Some other notation would have to be used in a CSS-popup world. Maybe like

*a[title]:hover:opup {display:none}

except not as confusing? :-)

Exactly, it would be something like that.

Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.

Gordon schrieb:

Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.

The OP wrote:

It does this with title attributes in its markup.

So it's not a JavaScript mouseover effext.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

On Aug 6, 1:13*pm, Johannes Koch <k... (AT) w3development (DOT) de> wrote:

Gordon schrieb:

Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? *Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? *I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.
The OP wrote:
It does this with title attributes in its markup.

So it's not a JavaScript mouseover effext.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
* * * * * * * * * * * * * * *(Te Deum, 4th cent.)

In this case you'd need a javascript that you could run on that domain
that removes all the title attributes. I seem to remember there was a
FireFox extension that let you run your own scripts on pages but I
can't remember what it's called.

Gordon schrieb:

On Aug 6, 1:13 pm, Johannes Koch <k... (AT) w3development (DOT) de> wrote:
Gordon schrieb:

Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.
The OP wrote:
It does this with title attributes in its markup.
So it's not a JavaScript mouseover effext.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

In this case you'd need a javascript that you could run on that domain
that removes all the title attributes. I seem to remember there was a
FireFox extension that let you run your own scripts on pages but I
can't remember what it's called.

Greasemonkey?

On Aug 6, 3:10*pm, Christian Kirsch <c... (AT) bru6 (DOT) de> wrote:

Gordon schrieb:



On Aug 6, 1:13 pm, Johannes Koch <k... (AT) w3development (DOT) de> wrote:
Gordon schrieb:

Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? *Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? *I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.
The OP wrote:
It does this with title attributes in its markup.
So it's not a JavaScript mouseover effext.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
* * * * * * * * * * * * * * *(Te Deum, 4th cent.)

In this case you'd need a javascript that you could run on that domain
that removes all the title attributes. *I seem to remember there was a
FireFox extension that let you run your own scripts on pages but I
can't remember what it's called.

Greasemonkey?

That's the guy! Use greasemonkey to run a script on the domain in
question that strips off all title attributes.

Gordon wrote:

On Aug 6, 3:10 pm, Christian Kirsch <c... (AT) bru6 (DOT) de> wrote:
Gordon schrieb:
On Aug 6, 1:13 pm, Johannes Koch <k... (AT) w3development (DOT) de> wrote:
Gordon schrieb:
Just to be clear here, are we talking about the honest-to-goodness
tooltips that pop up on alts in IE and titles in FireFox? Or are we
talking about a javascript mouseover effect that opens a div that
serves as a tooltip? I read it as the latter, as the poster says you
get a preview of a topic in the tooltip, which seems a bit much to put
in an alt or a title to me.
The OP wrote:
It does this with title attributes in its markup.
So it's not a JavaScript mouseover effext.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
In this case you'd need a javascript that you could run on that domain
that removes all the title attributes. I seem to remember there was a
FireFox extension that let you run your own scripts on pages but I
can't remember what it's called.
Greasemonkey?

That's the guy! Use greasemonkey to run a script on the domain in
question that strips off all title attributes.

Huh. I'll give that a try.

--
David Trimboli
http://www.trimboli.name/