PDA

View Full Version : Cool DHTML Tooltip II



emanuelle
02-10-2011, 11:23 AM
1) Script Title: :: Cool DHTML Tooltip II


2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm

3) Describe problem:
the tooltip is showing until the top line of my screen
see attached.


Can anyone help me please?
thank you

azoomer
02-10-2011, 03:53 PM
We need a link to your page to understand where things went wrong

emanuelle
02-10-2011, 04:12 PM
http://www.alexis-html.com/rachminov/inventory/index2.html

azoomer
02-10-2011, 06:26 PM
I found two things that seem to mess up the tooltip.
first in the css you can delete height: 100px in this part of the css


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;height:100px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

And second: the last clear: both div on the page seem to mess it up as well.
So you could try to delete
<div style="clear: both;"></div>
near the bottom of the page and see if everything looks okay then.
(maybe you should make a backup copy before doing anything)

emanuelle
02-10-2011, 07:15 PM
I did what u said but the problem is still there
http://www.alexis-html.com/rachminov/inventory/index2.html

azoomer
02-10-2011, 07:24 PM
Yeah you are right, sorry, just can't figure it out. Maybe someone else has a suggestion ?

emanuelle
02-10-2011, 07:40 PM
i found the solution
in the css I had this
* {
margin:0px; padding:0px;
min-height:100%
}

i removed the min-height:100%
and it works

thnak you!