Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dan Almeida

Problemas com estilização de links

Recommended Posts

Olá, pessoal!

 

Estou arrebentando minha cabeça para tentar solucionar um caso de estilização de links que não funciona.

 

O link funciona, mas o hover não.

 

Segue o CSS:



 

a.result:link {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
}


a.result:hover {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
background-color:#FFB7B7;
}


a.result:active {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
}


a.result:visited {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
}

 

HTML:

 

<?php
while($row = mysqli_fetch_array($result)) { ?>
<a href="detalhes.php?id=<?php echo $row['imov_id']; ?>" class="result">
<span class="cod"><?php echo $row['imov_id']; ?></span>
<span class="uf"><?php echo $row['uf']; ?></span>
<span class="cidade"><?php echo $row['cid']; ?></span>
<span class="bairro"><?php echo $row['bai']; ?></span>
<span class="tipo"><?php echo $row['tip']; ?></span>
<span class="inter"><?php echo $row['inter']; ?></span>
<span class="dorm"><?php echo $row['dorm']; ?></span>
<span class="wc"><?php echo $row['wc']; ?></span>
<span class="gar"><?php echo $row['gar']; ?></span>
<span class="valor"><?php echo $row['valor']; ?></span>
<span class="imob"><?php echo $row['fantasia']; ?></span><br />
<hr />
</a>

 

Alguém saberia me explicar o motivo? As classes dos spans estariam interferindo?
Vlw

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Testado e funcionando. Verifique sua folha de estilos (sugiro a inspeção de elementos do seu navegador favorito), pois alguma outra declaração de link esteja interferindo neste.

 

CSS resumido:

 

 

a.result {
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
a.result:hover {
background:#FFB7B7;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.