Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder
    Join Date
    Mar 2003
    Location
    Atlanta
    Posts
    1,037
    Thanks
    14
    Thanked 30 Times in 28 Posts

    Macintosh Friendly Tooltip

    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.

    Code:
    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.
    Attached Thumbnails Attached Thumbnails Macintosh Friendly Tooltip-picture-2%5B1%5D.gif  
    Most of my questions/posts are fairly straightforward and simple. I post long verbose messages in an attempt to be thorough.

  • #2
    Senior Coder
    Join Date
    Mar 2003
    Location
    Atlanta
    Posts
    1,037
    Thanks
    14
    Thanked 30 Times in 28 Posts
    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.
    Most of my questions/posts are fairly straightforward and simple. I post long verbose messages in an attempt to be thorough.

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <div title="The most browser friendly tooltip">Block content</div>
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #4
    Senior Coder
    Join Date
    Mar 2003
    Location
    Atlanta
    Posts
    1,037
    Thanks
    14
    Thanked 30 Times in 28 Posts
    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" Not only would that be semantically correct and pass the XHTML strict validation. Its also Search Engine Friendly.
    Most of my questions/posts are fairly straightforward and simple. I post long verbose messages in an attempt to be thorough.

  • #5
    Banned
    Join Date
    May 2006
    Location
    England
    Posts
    664
    Thanks
    0
    Thanked 84 Times in 84 Posts
    Quote Originally Posted by StupidRalph View Post
    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" Not only would that be semantically correct and pass the XHTML strict validation. Its also Search Engine Friendly.
    Why not try him on this concept: LinkScroll (Not tested on Macs)

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Title attribute and fancy tooltip do not have to be exclusive: www.klproductions.com/kltooltips.html
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •