← Javascript

ToolTip - Ajuda

Lida 2506 vezes

Offline

Carlos Faria 
Membro
Mensagens 551 Gostos 5
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Boa Tarde,

Tenho um tooltip num template que não consigo configurar...  #-o



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...

Código: (javascript) [Seleccione]
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 );     
        });
});

Código: (css) [Seleccione]
.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.
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Tenta editar no CSS .tooltip o top para 0, tens isso online?
Offline

Carlos Faria 
Membro
Mensagens 551 Gostos 5
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Tenta editar no CSS .tooltip o top para 0, tens isso online?

Já fiz isso e nada...

tens MP.



Obrigado.
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Respondido, vê lá se era isso.
Offline

Carlos Faria 
Membro
Mensagens 551 Gostos 5
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Respondido, vê lá se era isso.

Muito Obrigado Mambley. :)