Forum Moderators: not2easy

Message Too Old, No Replies

Can Screen Tip Font/Size be changed?

Screen tip size and font

         

Xonix

5:26 pm on Jul 13, 2003 (gmt 0)

10+ Year Member



I'm looking for an easy way to have the mouse over screen tips in a larger or different font for certain items on a page. Not all items, just the tips of my choosing. Anybody know of an easy way to accomplish this with CSS?
Thanks!

DrDoc

6:14 pm on Jul 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World!

What do you mean by "screen tips"? Are you talking about the tooltips that display title/alt content? If so, they cannot be changed. They are controlled by the browser and your system settings.

Xonix

6:24 pm on Jul 13, 2003 (gmt 0)

10+ Year Member



Even though I don't like the answer, I really appreciate you taking the time to reply. Yes, that was what I was talking about. Thanks.

Vladdy

6:39 pm on Jul 13, 2003 (gmt 0)

10+ Year Member



While the default presentation of "title" attribute can not be changed, you can use javascript to emulate, and often enchance the tooltips.
Consider my implementation: [url]_..._[/url]

[edited by: heini at 9:23 am (utc) on July 15, 2003]
[edit reason] please don't use urls / thank you [/edit]

killroy

7:09 pm on Jul 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



only thing you can do is position a layer with JS near the cursor.

SN

DrDoc

10:58 pm on Jul 13, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World, Vladdy!

Please review the Terms of Service [webmasterworld.com] regarding the posting of personal URLs.

There was a recent discussion regarding custom tooltips:

[webmasterworld.com...]

Vladdy

11:02 pm on Jul 14, 2003 (gmt 0)

10+ Year Member



Dr. Doc,

I apologize if I broke any rules by posting the link. I did not consider it a self-promotion since I posted it in response to a relevant question as an illustration of javascript possibilities and the page did not contain the link to my "Commercial" site.

drbrain

11:26 pm on Jul 14, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



a span { display: none }

a:hover span {
display: block;
position: relative;
border: 1px solid black;
bottom: -1.2em; /* you'll definitely need to adjust this */
color: black;
background-color: white;
}

<a href="some_url">Widgets<span> These widgets are uber leet! Get some today!</span></a>

Or something like that. No messy JS to cut into your load time, either.

drbrain

11:34 pm on Jul 14, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Dangit, maybe you need absolute positioning. If I remember, I'll look into it tomorrow. (Works fine on Mozilla)

Xonix

10:50 pm on Jul 29, 2003 (gmt 0)

10+ Year Member



Wow, this is the first time I have posted and the response has been wonderful. Thanks to all!