...

View Full Version : Macintosh Friendly Tooltip



StupidRalph
02-24-2007, 01:21 PM
Does anyone know of a Macintosh (specifically IE 5) friendly tooltip script? I'm currently using CSS for this affect with 50% effectiveness. The CSS works when you have the scrollbar in its upmost position. However, if you were to begin to scroll down the position of the div moves downward as well. I do NOT have a Macintosh to test. :(



a.limit {
display:block;
height: 18px;
overflow:hidden;
color: #ffffff;
z-index:400;
font-weight: bold;
}


a.limit:hover {
display: block;
width: 350px;
height: auto;
padding: 0px;
background-color: #4b97ff;
z-index: 500;
position: absolute;
color: #ffffff;
overflow: visible;
border: 1px solid #fff;
}

/*added the class for sl_artist in case you're curious*/
.sl_artist {
display: block;
width: 145px;
height: 18px;
float:left;
padding: 0px 5px;
}

<!--this div a is a cell inside of another wrapper (row) div which contains
other cells...I opted to use float: left opposed to display:inline b/c inline to
ignore the width attribute-->

<div class="sl_artist"><a class="limit" href="#">R. Kelly, T-Pain, T.I.</a></div>


I'm aware that I have CSS in my post. I just didn't know if I should abandon my CSS approach and find a javascript to do the job. Or stick with the CSS with some hacks. I posted here b/c I figured mostly everyone here would be familiar with CSS and not vice versa. :thumbsup:

StupidRalph
02-24-2007, 02:32 PM
I think I may have goofed (I sure hope so.) Before I tried the CSS method I was trying the fixed tooltip from our good pals at Dynamic Drive. I tooltip worked however it had the same problem in IE on windows. I ended up going away from this option as it called for the onmouseover event which doesn't validate in XHTML 1.0 strict (or even transitional). So chose to try a CSS method. But if I can't get it to work I'm going to attempt to use the regular tooltip from DDrive. I'm hoping that since this tooltip doesn't have to anchor itself to any certain position on a page that the script just offsets the div to where the mouse is located. Nevertheless, I'm still open to commentary.

Vladdy
02-24-2007, 03:24 PM
<div title="The most browser friendly tooltip">Block content</div>

StupidRalph
02-25-2007, 01:00 AM
Yeah I was actually using the Title attribute on the a tag but the client didn't think it "has enough punch for this site" :rolleyes: Not only would that be semantically correct and pass the XHTML strict validation. Its also Search Engine Friendly. :D

Arty Effem
02-25-2007, 02:17 AM
Yeah I was actually using the Title attribute on the a tag but the client didn't think it "has enough punch for this site" :rolleyes: Not only would that be semantically correct and pass the XHTML strict validation. Its also Search Engine Friendly. :DWhy not try him on this concept: LinkScroll (http://www.hotspot.freeserve.co.uk/scripterlative?linkscroll) (Not tested on Macs)

Vladdy
02-25-2007, 05:17 AM
Title attribute and fancy tooltip do not have to be exclusive: www.klproductions.com/kltooltips.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum