473,322 Members | 1,501 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

ToolTip not working in IE6

121 100+
Hi,
I have been trying to make my tooltip work for IE6 but to no avail.

code is
Expand|Select|Wrap|Line Numbers
  1. <a class="info" href="#">
  2. <img src="http://bytes.com/submit/Images/urgentblank.gif" class="icon"/>
  3. <span>Data i need to show over hovered over link.</span>
  4. </a>
and CSS is
Expand|Select|Wrap|Line Numbers
  1. .icon
  2. {
  3.     background: url(../abc.gif);
  4.     height:25px;
  5.     width:25px;
  6. }
  7. a.info
  8. {
  9.     position:relative; /*this is the key*/
  10.     z-index:24;
  11.     color:#000000;
  12.     text-decoration:none
  13. }
  14.  
  15. a.info:hover
  16. {
  17.     z-index:25;
  18. }
  19.  
  20. a.info span
  21. {
  22.     display: none
  23. }
  24.  
  25. a.info:hover span
  26. {   /*the span will display just on :hover state*/
  27.     display:block;
  28.     position:absolute;
  29.     bottom:2em;
  30.     left:2em;
  31.     width:25em;
  32.     border:none;
  33.     background-color: #00517e;
  34.     color:#ffffff;
  35.     text-align: left;
  36.     padding: 3px 5px;
  37. }
Everything works fine IE7,IE8 and firefox but tooltip doesnt come in IE6.

Another question i have is what can i do so that when user clicks on <a> (this tooltip link), page dont do anything? right now, when user clicks on it. focus goes at top of page.(something like disabling click on <a> tag)

Thanks
Jay
Feb 11 '11 #1

✓ answered by jay123

Adding background-color to 'a.info span' class did the trick, God knows why :)

solution
Expand|Select|Wrap|Line Numbers
  1. a.info:hover
  2. {
  3.     z-index:25;
  4.     background-color:color-you-want;
  5. }
But still looking for solution for disabling anchor tag, so user remains at same place when he clicks on <a> tag.

2 2403
jay123
121 100+
Adding background-color to 'a.info span' class did the trick, God knows why :)

solution
Expand|Select|Wrap|Line Numbers
  1. a.info:hover
  2. {
  3.     z-index:25;
  4.     background-color:color-you-want;
  5. }
But still looking for solution for disabling anchor tag, so user remains at same place when he clicks on <a> tag.
Feb 11 '11 #2
jay123
121 100+
Changed <a> to <p>, sorted
Feb 11 '11 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

0
by: Gupta | last post by:
Hi, Iam working on a C# application currently and involved in testing and fixing memory leaks in the application. The application has one main form which exists throughout the application cycle....
7
by: | last post by:
Is there a way to change the "fadeout" of a tooltip? In other words, it'll display for about 10 seconds which may or may not be long enough for a user to read the tooltip. I'd like to...
6
by: ltt19 | last post by:
HI everyone, So, I have many buttons, and all of them must show a tooltip with the same string, except one word, that I must read this owrd from a variable. Although, the "ToolTip on x" property...
25
Atli
by: Atli | last post by:
Hi. I've created this little window that is shown when I roll the mouse over elements I specify in my html code. Like a nubbin I test this in IE while I'me writing it, thinking it can hardly be...
3
by: Rainer Queck | last post by:
Hi NG, working on a project in VS2005 I started to add ToolTips. My problem now is, that each ToolTip only shows once. mouving the mouse over a button shows its tooltip, moving to the next...
1
by: =?Utf-8?B?RnJlZEM=?= | last post by:
My application uses the tooltip to display "realtime" data. When a user hovers over a control, information like temperatures and pressures are displayed in the tooltip. Using...
7
by: bnashenas1984 | last post by:
Hi everyone Actually I'm a php programer and don't no so much about java. After searching on google I found the java code you see below to open a popup when user moves the mouse pointer over a link....
6
by: john | last post by:
I have the following textbox setup with Text & ToolTip Bindings as follows; I'm using Visual Studio 2008 VB: <asp:TextBox ID="txtDay1" runat="server" Text='<%# Eval("Day1") %>'...
3
omerbutt
by: omerbutt | last post by:
hi there i have downloaded a prototype tooltip from http://www.nickstakenburg.com/projects/prototip/ the logic it uses is to call the script after creating the <div> for example i am using the...
5
omerbutt
by: omerbutt | last post by:
hi there i have a link in my pge and on mouseover i want to show the tooltip by getting the coordinates x and y from the screen where the onmouseover event occoured can any one teell me the way to...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.