Efeito tooltip só funciona com uma div

[joeythai 0]

você pode utilizar um tooltip

Pessoal boa tarde, preciso fazer um evento de quando passar o mouse sobre um botão ele deve exibir uma informação, me orientaram a utilizar o tooltipo, eu usei e deu certo mas somente com um dos botôes, a unica coisa que exibo é uma página da qual faz um select no banco de dados, ou seja, só dou um include no span para ser apresentado pelo evento tooltip,

 

Eu utilizei o tooltip e deu certo somente em um botão no outro não abre a janela. O meu código está assim:

<code>

<div style="display:none">

<?php include "../smsmsdk/showSms.php";?>

</div>

<a href="#" class="dcontexto">

<div id="sdk">

<?php

$resultSdk = mysql_query("SELECT COUNT(*) as Regs FROM dbsms_sdk.sms_sms WHERE sms_finalizado = 'n'");

$numSdk = mysql_fetch_array($resultSdk);

echo "<br />"."<h2 id='cont'>".$numSdk['Regs']."</h2>";

?>

</div>

<span><?php

include "../smssdk/showSms.php";

?></span>

<div style='display:none'>

<?php include "../sms/showSms.php";?>

</div>

<a href="#" class="dcontexto">

<div id="noc">

<?php

$resultNoc = mysql_query("SELECT COUNT(*) as Regs FROM dbsms.sms_sms WHERE sms_finalizado = 'n'");

$numNoc = mysql_fetch_array($resultNoc);

echo "<br />"."<h2 id='cont'>".$numNoc['Regs']."</h2>";

?>

</div>

<span> <?php include "../sms/showSms.php"; ?> </span>

</a>

</code>

o meu css está assim:

<code>

/*TESTE DE INTERATIVIDADE UTILIZANDO TOOLTIP INICIO*/

.formata{

font:12px arial, verdana, helvetica, sans-serif;

}

a.dcontexto{

position:relative;

font:12px arial, verdana, helvetica, sans-serif;

padding:0;

color:#039;

text-decoration:none;

border-bottom:2px dotted #039;

cursor:help;

z-index:24;

}

a.dcontexto:hover{

background:transparent;

color:#f00;

z-index:25;

}

a.dcontexto span{

display:none;

}

a.dcontexto:hover span{

display:block;

position:absolute;

width:230px;

top:3em;

right-align:justify;

left:0;

font:font:12px arial, verdana, helvetica, sans-serif;

padding:5px 10px;

border:1px solid #999;

background:#e0ffff;

color:#000;

}

/*TESTE DE INTERATIVIDADE UTILIZANDO TOOLTIP FIM*/

</code>

e o dream weaver dica colocando as cores das palavras erradas, como se houvesse um erro. Criei mais este tópico aqui pois acredito que possa ser o CSS. Fico muito agradecido.