Ir para conteúdo

Arquivado

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

visitante_xp

Borda de Tabela

Por , em Desenvolvimento frontend

Recommended Posts

visitante_xp    0

visitante_xp
Postado

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

Thiago Retondar    18

Thiago Retondar
Postado

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

visitante_xp    0

visitante_xp
Postado

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

Dee    0

Dee
Postado

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

João Prado    64

João Prado
Postado

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

Danilo Aurelio    0

Danilo Aurelio
Postado

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

Makarrão    0

Makarrão
Postado
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
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