Ir para conteúdo

POWERED BY:

Arquivado

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

visitante_xp

Borda de Tabela

Recommended Posts

Iae povo...

 

Tem como tirar a borda de uma parte especifica da tabela?? Por exemplo: Tirar só a da esquerda e deixar a da direita a de cima e a de baixo...

 

Abraços!!!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

HTML:

<table>
<tr>
<td class="sem">Sem borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td class="sem">Sem borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td class="sem">Sem borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
<td>Com borda</td>
</tr>
</table>
CSS:

.sem{
border: none;
}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eita, bem útil...^^

 

Mas num era bem isso que eu queria saber... >.<

 

Tipow, eu queria tirar só um pedaço da tabela, como se ficasse um pedaço dela faltando.

 

Ela não tem nada dentro ai tira a parte direita dela, então ela vira um "Pac-Man" quadrado...

 

Entendeu +/-...

 

(Desculpem pela ignorância das palavras)

Compartilhar este post


Link para o post
Compartilhar em outros sites

dae você poe do jeito que você quer

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#sem_esq
{
	border-left:0px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
}
#sem_esq
{
	border-right:0px;
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
}</style>
</head>

<body>
<table border="0" width="100%">
<tr>
	<td height="99" id="sem_esq"></td>
	<td id="sem_esq"></td>
	<td id="sem_dir"></td>
	<td id="sem_esq"></td>
</tr>
<tr>
	<td height="112" id="sem_dir"></td>
	<td id="sem_esq"></td>
	<td id="sem_dir"></td>
	<td id="sem_dir"></td>
</tr>
<tr>
	<td id="sem_dir" height="101"></td>
	<td id="sem_esq"></td>
	<td id="sem_dir"></td>
	<td id="sem_esq"></td>
</tr>
</table>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

realmente CSS é pra isso, simplificar nosso trabalho http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

...apesar de encontrarmos alguns problema no Internet Explorer. =/

 

Alguns?...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu tenho uma tabela com border=1 queria apenas em um TD ocultar a borda top e left, tentei usar essas propriedades citadas acima, mas não funcionou, ela não oculta a borda, parece que só funciona quando a border da tabela é = 0.

Alguém pra dar uma help ai?

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, Danilo Aurelio disse:

Eu tenho uma tabela com border=1 queria apenas em um TD ocultar a borda top e left, tentei usar essas propriedades citadas acima, mas não funcionou, ela não oculta a borda, parece que só funciona quando a border da tabela é = 0.

Alguém pra dar uma help ai?

 

 

 

Eita coveiro ahahahaa
 

.sem{
	border-top: none;
	border-left: none;
}

 

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.