HighDots Forums  

Modify Tooltip Styles

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Modify Tooltip Styles in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Michael
 
Posts: n/a

Default Modify Tooltip Styles - 05-11-2004 , 05:07 PM






Is there any way to modify the tooltip that shows up when using alt or title
in <img> or <a> tags? I don't like the stock tooltip, the boring yellow box.
I would like to make it a little more friendly. But I'm thinking that this
is part of the browser's hardcoded information. Am I wrong?



Reply With Quote
  #2  
Old   
David Dorward
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-11-2004 , 05:46 PM






Michael wrote:

Quote:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags?
Short answer: No
Long answer: Use JavaScript to remove the attribute on mouseover and display
a styled piece of HTML instead. Be _very_ careful if you decide to do this
with the alt attribute, it isn't designed to be rendered as a tooltip and
removing it onmouseover could cause problems for users of (for instance)
screen readers.

Quote:
I don't like the stock tooltip, the boring
yellow box.
Yellow? Its off-white! (Actually, it is a system preference, configure your
system to display tooltips differently if you want).

Quote:
I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am I
wrong?
Depends on the browser. IE/win32 for example takes it from the Windows
system settings.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>


Reply With Quote
  #3  
Old   
Evertjan.
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-11-2004 , 05:53 PM



Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Quote:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box. I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am
I wrong?
<http://www.bosrup.com/web/overlib/>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Reply With Quote
  #4  
Old   
Michael
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-11-2004 , 07:13 PM



Thank you both for your responses. And thank you Evertjan for the link. That
is a cool idea, exactly what I was looking for. I'll try that out.

Michael

"Evertjan." <exjxw.hannivoort (AT) interxnl (DOT) net> wrote

Quote:
Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box. I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am
I wrong?

http://www.bosrup.com/web/overlib/

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)



Reply With Quote
  #5  
Old   
Vladdy
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-11-2004 , 07:41 PM



kchayka wrote:

Quote:
Evertjan. wrote:


Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:

Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box.

http://www.bosrup.com/web/overlib/


Ugh, overlib

This thing is horrible from a usability standpoint.

What about www.klproductions.com/kltooltips.html


--
Vladdy
http://www.klproductions.com


Reply With Quote
  #6  
Old   
Michael
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-11-2004 , 08:36 PM



"Vladdy" <vlad (AT) klproductions (DOT) com> wrote

Quote:
kchayka wrote:

Evertjan. wrote:


Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:

Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box.

http://www.bosrup.com/web/overlib/


Ugh, overlib

This thing is horrible from a usability standpoint.
I see what you mean, now. I've been testing it out, and being that I'm not a
javascript expert, it's not as easy as I read it to be.

$65 for a single license? Are you out your mind?

Quote:

--
Vladdy
http://www.klproductions.com



Reply With Quote
  #7  
Old   
Evertjan.
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-12-2004 , 05:13 AM



Vladdy wrote on 12 mei 2004 in comp.infosystems.www.authoring.stylesheets:

Quote:
You are welcome to go ahead with overlib and spend couple of days
polluting your code with "onmouseovers" and "onmouseout"s, but I guess
your time is of little value... *rolleyes*
I use overlib for years now.

With little serverside [asp] coding your precious time can be drasticly
reduced:

<a
<%=overlib("This is an overlib tooltip,<br>for sure!")%>
href="..">
go there</a>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Reply With Quote
  #8  
Old   
Alan J. Flavell
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-12-2004 , 05:55 AM



On Wed, 12 May 2004, Evertjan. wrote:

Quote:
With little serverside [asp] coding your precious time can be drasticly
reduced:
What are the consequences for the cacheability of your served pages?


Reply With Quote
  #9  
Old   
Evertjan.
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-12-2004 , 10:49 AM



Alan J. Flavell wrote on 12 mei 2004 in
comp.infosystems.www.authoring.stylesheets:

Quote:
On Wed, 12 May 2004, Evertjan. wrote:

With little serverside [asp] coding your precious time can be drasticly
reduced:

What are the consequences for the cacheability of your served pages?
they are fine, that is none.

... eh, what the heck do yo mean?



--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Reply With Quote
  #10  
Old   
Stanimir Stamenkov
 
Posts: n/a

Default Re: Modify Tooltip Styles - 05-12-2004 , 02:24 PM



/Vladdy/:

Quote:
You are welcome to go ahead with overlib and spend couple of days
polluting your code with "onmouseovers" and "onmouseout"s, but I guess
your time is of little value... *rolleyes*
One could assign just classes to the link elements and an
initialization script excuted 'onload' the document to scan and
assign the necessary event handlers.

Of course one would "loose" all those fancy "HTML and caption
content features" because all the content needed would be get from
the 'title' attributes (no other standard one to use), but if one
wants such features they probably would be for a limited amount of
link elements where one could afford to put the extra event handlers
markup.

--
Stanimir


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.