Ir para conteúdo

POWERED BY:

Arquivado

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

fred silva

[Resolvido] Borda em tr

Por , em Desenvolvimento frontend

Recommended Posts

fred silva    1

fred silva
Postado

Olá pessoal, gostaria de saber como eu coloco uma borda somente nas linhas de uma tabela (tr) na parte de baixo.

A minha tabela está com seguinte css:

table#socios{
width:900px;
font:Tahoma, Geneva, sans-serif 12px #036;
background-color:#FFFACD;	
}

Eu imagino que seria alguma coisa assim:

#socios tr{
  border-bottom:1px solid #C30;
}

Porém não funciona!

Alguém pode me ajudar?

T+

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Está correto. Como está o teu html ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

fred silva    1

fred silva
Postado

Está correto. Como está o teu html ?

Está assim:

<table width="500" id="socios">
<?php 
$id_usuario = $_SESSION[usuario]["id"];
$sql = "SELECT usu_foto, usu_nome, cid_nome FROM usuario, cidade WHERE usu_usuario_id = '$id_usuario' AND usu_cidade_id = cid_id;";
$query = mysql_query($sql) or die (mysql_error());
$row = 0;
while($linha = mysql_fetch_assoc($query)){
?>  
 <tr>
   <td width="50"><img src="<?php echo $linha["usu_foto"]; ?>"></td>
   <td width="193"><?php echo $linha["usu_nome"]; ?></td>    
   <td width="195"><?php echo $linha["cid_nome"]; ?></td>
 </tr>    
 <?php
 $row++;
  } ?>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

#socios tr {
  border-bottom: 1px solid #C30;
  display: block;
}

 

tem muito tempo que não trabalho 'diretamente' com tabelas..

http://www.w3.org/TR/CSS2/tables.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

fred silva    1

fred silva
Postado

Galera! Parece que a tr não aceita borda, pois se eu colocar outra propriedade como background, funciona normal!

No link que o William me passou tem exemplo de como colocar bordas na tr mas testei e não funciona!

Alguma idéia?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Xavier    189

Marcos Xavier
Postado

Testei desse jeito e funcionou...

<title>Seu titulo  </title>
<style>
#socios tr {
  border-bottom: 1px solid #C30;
  display: block;
}
</style>
</head>

<body>
<table width="500" id="socios">
<?php
//$id_usuario = $_SESSION[usuario]["id"];
//$sql = "SELECT usu_foto, usu_nome, cid_nome FROM usuario, cidade WHERE usu_usuario_id = '$id_usuario' AND usu_cidade_id = cid_id;";
//$query = mysql_query($sql) or die (mysql_error());
//$row = 0;
//while($linha = mysql_fetch_assoc($query)){
?>
 <tr>
   <td width="50">11111</td>
   <td width="193">22222</td>
   <td width="195">33333</td>
 </tr>
 <?php
 //$row++;
 // } ?>
</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

fred silva    1

fred silva
Postado

E isso mesmo! Apenas adicionei o display:block, como você colocou na #socios tr e funfó beleza!

Obrigado a todos pela ajuda!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito