Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera,
Estou tentando fazer um highlight utilizando uma div.
quando a pagina carrega, esta div tem um id="tablezebra1" (pois ela mostra as informações zebradas, uma cor, outra cor, uma cor, etc), e nesta div eu coloquei um evento onmouseover="this.className = 'hlt1'", ao qual vai ativar o highlight, mas só que no css, o #tablezebra1 está com o background com uma cor, e no .hlt1 também tem background, mas com cor diferente (obvio), mas acontece que, quando falamos de div, o background do .hlt1 não sobrepõe o background do #tablezebra1, e isso acontece somente na tag <div>, eu faço o mesmo procedimento em uma tag <tr> e funciona normalmente.
alguém pode me ajudar??
segue os dois códigos
CSS
.hlt td {
background-color: #FFFF00;
color: #0000FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border: thin dotted #FF0000;
font-style: normal;
text-decoration: none; /*lets remove the link underlines*/
}
.hlt1 {
background-color: #FFCC33;
color: #0000FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border: thin dotted #FF0000;
font-style: normal;
text-decoration: none; /*lets remove the link underlines*/
}
HTML
[....]
<tr id="<?=$zebra;?>" onmouseover="this.className='hlt';" onmouseout="this.className = ''">
<td><div align="center"><a href="trabalhadorepiinc.php?codcolab=<?=$cod_colab?>"><?=$nome_colab?></a></div></td>
<td colspan="2">
<?
//QUERY QUE RETORNARÁ OS EPI´s CADASTRADO PARA CADA COLBAORADOR
$sql_epi = "SELECT
EP4.C_COD_INSUMO,
IN1.C_DESC_INSUMO
FROM
EP0400 EP4,
IN0100 IN1
WHERE
EP4.C_COD_COLABORADOR='$cod_colab'
AND
EP4.C_COD_INSUMO = IN1.C_COD_INSUMO
ORDER BY
IN1.C_DESC_INSUMO";
$rs_epi = ibase_query($bco_engestrauss, $sql_epi) or die ("Erro ao executar o comando <div id='textfield'>$sql</div>". ibase_errmsg());
?>
<?
while($row_epi = ibase_fetch_assoc($rs_epi)){
//Definindo cores nas linhas
if ( $zebra2 == "tablezebra2" ){
$zebra2 = "tablezebra1" ;
}else{
$zebra2 ="";
}
$desc_insumo = trim($row_epi["C_DESC_INSUMO"]);
?>
<div id='<?=$zebra2?>' onmouseover='this.className="hlt1"' onmouseout='this.className=""' ><?=$desc_insumo?></div>
<?
}ibase_free_result($rs_epi);
?>
</td>
</tr>
[......]
Desde já agradeço
Carregando comentários...