[Resolvido] DIV ou TABELA

[donny_ 0]

Olá galera, desde ja agradeço a todos que puderem ajudar, bom, essa duvida minha acho que não sou o unico a te-la, o negocio é o seguinte, preciso criar um quadro com 6 linhas e uma unica coluna, cada linha uma embaixo da outra com um texto, so que eu queria colocar a cor da linha que separa uma a outra de cor diferente, fiz um codigo só que no IE ficou como eu queria, mais no FF ficou todo desregulado, segue abaixo o codigo: lembrando que tentei fazer com DIVS também, e deu a mesma coisa, no FF todo desregulado, postei aqui o codigo com tabelas.

 

HTML:

<table id="todoform">
	<tr>
		<th colspan="2">Plano Empresa Light</th>
	</tr>
	<tr><td>Seu siteeeeee</td></tr>
	<tr><td>Seu siteeeeee</td></tr>
	<tr><td>Seu siteeeeee</td></tr>
	<tr><td>Seu siteeeeee</td></tr>
	</table>

Agora CSS:

#todoform {
	font: 11px Arial, Verdana, sans-serif;
	background-color: #EEEEEE;
	width: 50%;
	padding: 3px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
}

#todoform th {
	background-color: #FFFFFF;
	padding: 3px;
	border-bottom: 1px solid #000000;
}

#todoform td {
	border-bottom: 1px solid #FFFFFF;
}

Sou iniciante, e nao manjo muito mais estou treinando para pegar habilidades com CSS. Se alguem puder me ajudar a deixar no FF igual esta no IE fico muito agradecido. Obrigado a todos.

[brcontainer 16]

Ola donny_

vou lhe explicar algumas coisa e lhe indicar alguns links

 

Tabelas são usadas para dados tabulares:

http://forum.imasters.com.br/index.php?showtopic=248704 (Trabalhando com Tabelas)

 

Divs são alguns elementos que você pode usar para desenvolver o layout sempre combinando ao CSS

mas tem TAGs especificas

 

tipo em formularios você deve usar LABEL e FIELDSET

 

Como fazer layouts com CSS(TAblelles -significa sem tabelas- )

http://forum.imasters.com.br/index.php?showtopic=225319

http://forum.imasters.com.br/index.php?showtopic=223799

http://forum.imasters.com.br/index.php?showtopic=222275

 

leia isso tambem para tem explicação do porque o uso de Divs foi errado em determindo local:

http://forum.imasters.com.br/index.php?showtopic=251486

 

procure usar as tags certas em locais certos.

<P>para Paragrafo

<UL> e <LI> LIstas para menus ou coisas que tem um certo nivel repetencia(ex.: lista de fotos)

<DIV> para DIVidir o layout separar "coisas"

<TABLE> somente para dados tabulares

 

falow abraço estude bastante ^^

 

PS.: Ponha um link com o exemplo em Div que você fez do teu código, ou edite o seu poste e ponha para vermos

o com Divs

[donny_ 0]

silverfox muito obrigado pela atenção, pensei que seria melhor publicar a pagina e postar para vocês verem do que postar um print, segue abaixo o link:

 

http://www.comerciominas.com.br/teste/formaspag.php

 

No IE esta como eu queria, mais no FF fica tudo desregulado, se tiverem como ver. Obrigado.

Alguém pode me ajudar a resolver este problema? Obrigado.

[programador php 0]

utiliza ul e li

 

 

e alinhe ao centro

 

 

<ul>
	<li>SITEEEE</li>
	<li>SITEEEE</li>
	<li>SITEEEE</li>
	<li>SITEEEE</li>
	<li>SITEEEE</li>
</ul>

ul {
	 list-style: none;
	 padding:0;
	 margin:0 auto;
	 text-align:center;
}

li{
	text-align: center;
}

 

 

abraço

[donny_ 0]

Muito obrigado programador php, mais minha duvida ainda continua, a duvida é como faço para mudar agora a cor das linhas que separa uma da outra entende? tipo colocar uma borda: border-bottom: 1px solid #00000; entende como eh? colocar uma borda na cor preta separando a linha debaixo com a decima. Obrigado.

[brcontainer 16]

acho que seria isso que você quer?

ul {
	 list-style: none;
	 margin:0 auto;
	 text-align:center;
	font: 11px Arial, Verdana, sans-serif;
	background-color: #EEEEEE;
	width: 50%;
	padding: 3px;
	border: 1px solid #000;
}

li{
	display:block;
	text-align: center;	
	border-bottom: 1px solid #000000;
}

[donny_ 0]

ohh, silverfox, muito obrigado mesmo, era isso, foi só preciso tirar o padding: 3px; pras linhas se enmendarem com as bordas e fechou. :) muito obrigado.