estou fazendo alguma burrada mas não sei qual.
Basicamente estou tentando criar algumas classes em css, mas não está funcionando do modo esperado
td.ok {
height:26px;
padding-left:4px;
padding-right:2px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
white-space:nowrap;
border-bottom:solid 1px #E1E1E1;
background-color: #A2CD5A;
color: black;
}
tr.mostok:hover{
background-color: green;
color:black;
}
em teoria a classe 'tr.mostok' deveria ativar o hover na linha inteira da tabela quando eu passasse com o mouse por cima da mesma, entretanto só está pintando uma unica célula da tabela. Lembrando que se tiro o nome 'mostok' e deixo somente:
tr:hover{
background-color: green;
color:black;
}
O Hover ativa na linha inteira normalmente.
Abaixo segue a função que deveria cria a tabela.
for($n = 0; $n < $j; $n++){
echo '<tr class="mostok">';
for($o = 0; $o < (($k*2) + 1); $o++){
echo '<td class="ok">' .$mat[$n][$o]. '</td>';
}
echo '</tr>';
}
EDIT 1: Tenho um outro arquivo CSS que ajuda na formatação da tabela, será que está gerando algum conflito?
table {
border-collapse: collapse;
float: center;
}
th {
background-color:#CCC;
font-size: 12px;
color:#484848;
padding-left:4px;
padding-right:4px;
border-bottom:solid 1px #CCC;
height:26px;
padding-right:5px;
border-collapse: collapse;
border:1px solid #F3F3F3;
font-family:Verdana, Geneva, sans-serif;
}
td {
text-align: right;
}
caption {
font-family: Verdana;
font-size: smaller;
}
EDIT 2: Para criar a tabela inteira, eu faço desta forma:
<table align="center">
<?php
$texto_topo = "<html><body>Origem: $origem</body></html>";
echo'<caption align="top">'.$texto_topo.'</caption>';
for($e = 0; $e < $k; $e++){
$f = $e+1;
$legenda = "<html><body>Servidor $f: $ult_nome[$e]</body></html>";
echo'<caption align="top">'.$legenda.'</caption>';
}
echo '<tr>';
echo '<th>' .Papel. '</th>';
for($h = 1; $h < ($k + 1); $h++){
$nome = "Hora Server";
$hora_top = "$nome $h";
echo '<th>' .$hora_top. '</th>';
}
for($m = 0; $m < $k; $m++){
$number_col = $m+1;
$nom_top = "Server";
$cab = "$Coluna $nom_top $number_col";
echo '<th>' .$cab. '</th>';
}
echo '</tr>';
for($n = 0; $n < $j; $n++){
echo '<tr class="mostok">';
for($o = 0; $o < (($k*2) + 1); $o++){
echo '<td class="ok">' .$mat[$n][$o]. '</td>';
}
echo '</tr>';
}
?>
</table>
Acima tá como a tabela é feita, eu não coloquei o php que monta a tabela pq não faz diferença pra estilização. O todo o css que "embeleza" a tabela eu já postei acima, deixei exatamente como está no meu computador, ou seja com todas as sugestões que foram me dadas aqui, e da forma que está, o hover não funciona :(
<head>
para sabermos se está importando alguma coisa, e ver como vc montou a<table>