[Resolvido] alinhamento de celulas em uma tabela

[Andrézone's 0]

Eu quero q fique dessa forma minha tabela: (a propósito, posso usar tabela nesse caso?)

 

 

As 3 primeiras linhas CENTRALIZADAS e as 2 ultimas alinhadas a ESQUERDA

 

eu não consigo separar as duas ultimas, vejam meu código

 

<table width="88%" align="center">
			
			<tbody>
			  <tr>
				<td width="22%" bordercolor="#FFFFFF" class="fundoB">Modalidade</td>
				<td width="22%" bordercolor="#FFFFFF" class="fundoB">Abertura</td>
				<td width="22%" bordercolor="#FFFFFF" class="fundoB">Encerramento</td>
				<td width="22%" bordercolor="#FFFFFF" class="fundoB">Horário</td>
			  </tr>
			  <tr>
				<th width="22%" bordercolor="#FFFFFF" class="fundoA">Pregão 014/09</th>
				<th width="22%" bordercolor="#FFFFFF" class="fundoA">11.03.09</th>
				<th width="22%" bordercolor="#FFFFFF" class="fundoA">27.03.09</th>
				<th width="22%" bordercolor="#FFFFFF" class="fundoA">13:30h</th>
			  </tr>
			  <tr>
				<td colspan="4" bordercolor="#FFFFFF" class="fundoB">Objeto</td>
			  </tr>
			  <tr>
				<th colspan="4" bordercolor="#FFFFFF" class="fundoA">Aquisição de cestas básicas e kit's alimentação </th>
			  </tr>
			  <tr>
				<th colspan="4" bordercolor="#FFFFFF"><img src="../imagens/download_icone.gif" width="16" height="16" /> <a href="#">Download Edital</a> </th>
			  </tr>
			</tbody>
		  </table>

 

E aqui meu CSS

/* TABELA */

table {
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}


table a, table, tbody, tfoot, tr, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px;
}

tbody td{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

tbody tr, th{
	padding-left: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}


.fundoA{
	background-color: #EFEFEF;
	border: thin;
	border-bottom-width: thin;
	border-color: #FFFFFF;
}

.fundoB{
	background-color: #7D91A9;
}

[Paulo de Tarso F. M. 24]

Além do mais, remova todas os atributos de formatação de seu código HTML (por exemplo, o bordercolor). Toda e qualquer alteração visual deve ser controlada pelo CSS...

[Andrézone's 0]

valeu moçada, deu certnho..

qto ao border eu tava testando antes e esqueci de apagar...

[Paulo de Tarso F. M. 24]

Mesmo em casos de testes, evite o uso desses atributos. Além disso, para testar, não utilize bordas, pois elas são somadas à dimensão do elemento, e isso pode causar uma série de efeitos indesejados. Nestes casos, procure sempre trabalhar com cores de fundo (background-color).

 

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