Label???

[Giovani 104]

Ae pessoal,

 

Seguinte, tenho q fazer uma busca num BD e depois mostrar os resultados. O resultado dessa busca vai me retornar vários resultados, como nesse exemplo.

Eu uso php/mysql, mas esse exemplo só tem o css.

 

Minha dúvida é o seguinte:

 

Está certo eu utilizar o label pra isso, conforme meu exemplo????

Ou tem outro jeito, CORRETO, e mais fácil???

[pa_bruno 0]

neste seu exemplo o modo correto eh utilizar tabelas ( :blink: impressionante neh?)

Este exemplo possui dados tabulares, por isso, tabelas é a melhor solução... e ao invés d label, utilize o <thead> com os <th> ao inves de <td>... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

fora tb q você utilizou id e tem q utilizar classes... pq elas se repetem e identificadores naum podem se repetir... atenção galera... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Hummmmm...tabelas, estou fugindo delas desde o ano passado.Vou correr atras do q você falou ali <thead>, ver se acho alguns exemplos pra alterar o q eu já fiz!Se você tiver algum site, alguma matéria a me recomendar, agradeço!!!Obrigado!!!Abraço!!!!

[Giovani 104]

Ae pessoal,

 

Se interessar pra alguém achei um site bem interessante sobre esse assunto (css e tabelas).

 

CSS Table Gallery.

 

Tem uns exemplos legais!!!!

 

Abraços!!!

[pa_bruno 0]

você naum precisa fugir das tabelas... eh soh saber utilizá-las e quando utilizá-las... ;) esse site ae eh legal, jah lançou tem um tempo ae... se naum e engano jah foi comentado sobre ele por aki...

[Giovani 104]

Ae Bruno,

 

Falei em fugir das tabelas pq no fim do ano passado tive q fazer dois formulários bem gigantes e como ainda não conhecia css foi bem complicado...ficava muito ruim de trabalhar....

 

Voltando ao esquema de tabelas, você falou pra eu não usar o <td>??? Então nesse exemplo ai embaixo devo substituir os <td> por <th>???

 

table {	width: 100%;	margin:0;  	padding:0;	font: 10px Verdana;	}/* head */thead {	background-color: #FFFFFF;	border: none;}thead tr th {	text-align: left;	color: #f90;	}/* body */tbody tr{	background: #fff;	font-size: 10px Verdana;}tbody th {	font: 10px Verdana;	color:#666;	text-align:left;}/* link */table a {	color: #666;	text-decoration: none;	font: 10px Verdana;}table a:hover {	color: #999;}/* footer */tfoot {	font: bold 10px Verdana;		color: #666;	text-align: left;}tfoot tr td {	text-align: right;	}

 

<table>			<thead>				<tr>					<th>Código</th>					<th>Nome</th>					<th>E-mail</th>					<th>Selecionar</th>					<th>Excluir</th>				</tr>			</thead>						<tfoot>				<tr>									</tr>			</tfoot>						<tbody>				<tr>					<th>111111</th>					<td><a href="">Xxxxxx Xxxxxx Xxxxxx Xxxxxx 11111</a></td>					<td>xxxxxx@xxxxx.xxx.xx</td>					<td><img src="../images/botoes/bt_selecionar_pq.gif" /></td>					<td><img src="../images/botoes/bt_excluir_peq.gif" /></td>				</tr>								<tr>					<th>111111</th>					<td><a href="">Xxxxxx Xxxxxx Xxxxxx Xxxxxx 11111</a></td>					<td>xxxxxx@xxxxx.xxx.xx</td>					<td><img src="../images/botoes/bt_selecionar_pq.gif" /></td>					<td><img src="../images/botoes/bt_excluir_peq.gif" /></td>				</tr>								<tr>					<<th>111111</th>					<td><a href="">Xxxxxx Xxxxxx Xxxxxx Xxxxxx 11111</a></td>					<td>xxxxxx@xxxxx.xxx.xx</td>					<td><img src="../images/botoes/bt_selecionar_pq.gif" /></td>					<td><img src="../images/botoes/bt_excluir_peq.gif" /></td>				</tr>							</tbody>							</table>

Desculpe colocar o código...é q esta pagina não tem na net ainda!

[pa_bruno 0]

naum eh q naum seja pra usar o <td>... dentro do thead eh pra usar o th e dentro do tbody, coloque <td> normalmente http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

É to fazendo uns testes aqui e trocando.....mas não muda nada.....Então desse jeito tá correto??? Não me incomodo mais???Obrigadão ae Bruno!!!

[pa_bruno 0]

naum eh questão de mudança e sim semântica http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Só pra não perder o ritmo, na tabela, qdo quero definir o tamanho de cada célula, posso fazer assim:

 

<th width="15%">Código</th>	  <th width="75%">Descrição</th>	  <th width="10%">Excluir</th>

Ou difino na folha de estilo tb, o tamanho dos vários campos da tabela?

[Giovani 104]

Já criei umas classes na folha de estilo q fazem a mesma coisa...Valeu ae!

[pa_bruno 0]

no css... o atributo width foi depreciado...

[Giovani 104]

Entao nesse caso como faço para q a celula código seja pequena, a desscrição grande e a excluir, onde vai um botão bem pequeno, fique pequena tb????

[pa_bruno 0]

coloque os valores numa classe e chame no td

[Giovani 104]

Desculpa Bruno,você poderia me dar um exemplo...não entendi bem o q você me falou.....

[pa_bruno 0]

simples... como numa outra tag:

.esquerda { width: 15%; }.meio { width: 75%; }.direita { width: 10%; }<th class="esquerda">Código</th><th class="meio">Descrição</th><th class="direita">Excluir</th>

[Giovani 104]

bah.....viajei longe, ia mexer no th......tem criar classes com os valores e chama-las.....desculpa ae!!!!!

[pa_bruno 0]

se fizesse no th ia dar M, pq ia ter tres valores para uma tag soh... ae ela ia acabar pegando a ultima... e iria dar M http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif