Mickword
20-06-2010, 07:52 PM
hey right so I am making tooltips, and I need it too look like this:
http://img820.imageshack.us/img820/1319/help1.png
but when ever i do it, it looks like this:
http://img690.imageshack.us/img690/4408/help2s.png
So basically I need the edges to curve. and a 2 pixel padding thing. heres the code for it:
<script language="JavaScript1.2" type="text/javascript" src="img/menu/mm_menu.js"></script>
<style type="text/css">
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #666666;
padding: 4px;
background-color: white;
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=gra y,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -100px;
z-index: 100;
visibility: hidden;
}
</style>
http://img820.imageshack.us/img820/1319/help1.png
but when ever i do it, it looks like this:
http://img690.imageshack.us/img690/4408/help2s.png
So basically I need the edges to curve. and a 2 pixel padding thing. heres the code for it:
<script language="JavaScript1.2" type="text/javascript" src="img/menu/mm_menu.js"></script>
<style type="text/css">
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #666666;
padding: 4px;
background-color: white;
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=gra y,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -100px;
z-index: 100;
visibility: hidden;
}
</style>