Boa Tarde,
Tenho um tooltip num template que não consigo configurar...
O que se passa é que o tooltip fica muito acima do icon... eu ainda sou novato em JS e já dei voltas no CSS e não encontro nada...
var j = jQuery.noConflict();
j(document).ready(function(){
j(".tooltip").fadeTo(0, 0);
var speed = 250;
var new_width = j(".tooltip").outerWidth() / 2;
new_width = new_width * (-1) + 48;
var new_right = parseInt(j(".tooltip").css("right").replace("px",""));
j(".tooltip").css("right", new_width + new_right);
j(".vcard_header").hover(
function () {
j(".tooltip").stop();
j(".tooltip").animate({
top:-45,
opacity:1
}, speed );
},
function () {
j(".tooltip").stop();
j(".tooltip").animate({
top:-25,
opacity:0
}, speed );
});
});
.tooltip {
font-size:13px;
font-family:"";
color:#bababa;
height:41px;
display:none;
position:absolute;
top:-25px;
right:0px;
z-index:99;
line-height:13px;
}
.tooltip_left {
background: url(images/vcard_bg_e.png);
width:10px;
height:31px;
float:left;
}
.tooltip_center {
background: url(images/vcard_bg.png);
height:41px;
float:left;
background-position:top center;
}
.tooltip_center p {
padding:8px 3px 0 3px;
}
.tooltip_right {
background: url(images/vcard_bg_d.png);
width:10px;
height:31px;
float:left;
}
Alguém sabe qual o valor que tenho de editar para colocar o ToolTip mais perto do icon?
Obrigado.