Ir para conteúdo

POWERED BY:

Arquivado

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

NightSpy

Table s

Por , em Desenvolvimento frontend

Recommended Posts

NightSpy    0

NightSpy
Postado

é o seguinte galera.....gostaria de saber como tiro os espaçamentos de uma celula a outra....ja esta com cellpadding="0" cellspacing="0", mas mesmo assim ele coloca um espaço entre por exemplo a linha de cima com alinha de baixo e quero que fique coladinho....PS: naum sei se é aki para postar, mas ta ai...qualquer coisa desculpa

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

tem q zerar margin e padding, naum soh da tabela, mas dos td, theads, etc...

 

fiz um codigo bem rapido aki q serve ae... lembrando q naum utilizo cellpaddin e cellspacing... faço tudo por css ok? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

<!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">* { margin: 0; padding: 0; }body { font: 70% Verdana; }table { border-collapse: collapse; }td { background-color: #CCC; }th { background-color: #AAA; }</style></head><body>	<table>		<thead>			<tr>				<th>Primeira / Primeira</th>				<th>Primeira / Segunda</th>				<th>Primeira / Terceira</th>			</tr>		</thead>		<tbody>			<tr>				<td>Segunda / Primeira</td>				<td>Segunda / Segunda</td>				<td>Segunda / Terceira</td>			</tr>			<tr>				<td>Terceira / Primeira</td>				<td>Terceira / Segunda</td>				<td>Terceira / Terceira</td>			</tr>		</tbody>	</table></body></html>

naum preciso explicar nada né? código bastante simples... akele abraço... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

valeu PA..ajudo muito...era isso mesmo.....gostaria de saber se por um acaso eu colocar uma div dentro de uma célula, se as margens serão automaticas ou ficará tal div com a mesma altura da celula??? valeu!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

qnd for assim rapaz, faça testes... vai testando no html... eh a melhor forma de descobrir... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

por ser um elemento block, o div fica do tamanho da celula automaticamente... mas eh necessario ter algum conteúdo, nem q seja um espaço em branco nbsp (naum coloquei o & pq senaum ele interpreta como espaço ;) )

 

entendido?

 

abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

digo pq assim então, posso colocar um div na celula de cima e outro na celula debaixo e no browser aparecerá um colado no outro naum???!!!bom...vou voltar ao trampo...viu PA, perguntei pq ta dando uns rolo aki e sabendo isto me desenrola aki em umas partes...Brigadão cara!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

vai ficar colado sim... eh meio desnecessário colocar divs dentro da celula... pq vai fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

vai ficar colado sim... eh meio desnecessário colocar divs dentro da celula... pq vai fazer isso?

na verdade era input...como começou a dar rolo iria colocar div..(o rolo q eu digo é do input naum colar no input de cima)

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

hehehe...naum sabe como me doeu ouvir q o IE naum cola...hehehehe...meu chefe só quer rodando no IE o resto nem importa pra ele...heheheh......bom vo continua pesquisando tb PA...mas uma vez obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

para isso existem as gambiarras rapaz...

<!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><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">* { margin: 0; padding: 0; }body { font: 70% Verdana; }table { border-collapse: collapse; }td { background-color: #CCC; }th { background-color: #AAA; }input { background-color: #CCC; border: 0; }</style></head><body>	<table>		<thead>			<tr>				<th>Primeira / Primeira</th>				<th>Primeira / Segunda</th>				<th>Primeira / Terceira</th>			</tr>		</thead>		<tbody>			<tr>				<td><input type="text" /></td>				<td>Segunda / Segunda</td>				<td>Segunda / Terceira</td>			</tr>			<tr>				<td><input type="text" /></td>				<td>Terceira / Segunda</td>				<td>Terceira / Terceira</td>			</tr>		</tbody>	</table></body></html>
simplesmente coloquei a cor d fundo dos inputs com a mesma cor das celulas :D

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