Problemas Webstandards com programação

[Ulisses José 0]

Bom galera.. tenho a seguinte dúvida...

 

Eu criei um quadro para exibição de resultados de uma pesquisa e para isso eu utilizei um div com um id e criei uma classe css especifica para o mesmo.

 

Suponha que a classe seja assim: (obs. o codigo ta improvisado somente para mostrar a minha dúvida.. se tiver algum erro me perdoem... valeu)

 

.resultado {
 width:300px;
}

.resultado #tituloResultado {
background-color:#369
height: 30px;
}

.resultado #textoResultado {
font-size:79%;
}

Mais ou menos isso aí...

 

Dentro da minha pagina em php eu criei o codigo:

<? do { ?>
<div id="resultadoContainer" class="resultado">
<div id="tituloResultado">
<? Exibe o título ?>
</div>
<div id="textoResultado">
<? exibe o texto ?>
</div>
<? } while ... ?>

O que acontece é o seguinte, como as linhas irão se repetir, logicamente os nomes das id também vão.

Bom, pensei em fazer um cont incrementando a cada vez que o bloco for repetido e concatenando o valor com o nome da div, por exemplo... id="textoResultado1", id="textoResultado2", id="textoResultado3", ... e criar uma classe para cada elemento.. tipo:

 

.resultado {
 width:300px;
}

.resultadoTitulo {
background-color:#369
height: 30px;
}

.resultadoTexto {
font-size:79%;
}

e no HTML + PHP (no meu caso)

 

<? $i=0; do {  $i++; ?>

<div id="resultadoContainer<? echo $i; ?>" class="resultado">
<div id="tituloResultado<? echo $i; ?>" class="resultadoTitulo">
<? Exibe o título ?>
</div>
<div id="textoResultado<? echo $i; ?>" class="resultadoTexto">
<? exibe o texto ?>
</div>
<? } while ... ?>

Um outra pergunta (essa é de iniciante em webstandards mesmo..) é necessário identificar todas as DIV's??

 

Bom.. aguardo algumas dicas e desde-já agradeço-lhes mui.

 

Grande abraço!

[Guilherme Rambo 4]

Sabia que no html existem outras tags além de div? E que cada uma delas tem uma função específica?

 

Vejamos, você quer fazer uma listagem, ou seja, criar uma lista, então utilize uma lista =]

 

<ul id="resutados">
<? do { ?>	

<li class="resultado">

	<h2><?//titulo?></h2>

	<p><?//titulo?></p>

</li>

<? } while ... ?>
</ul>

 

No seu css:

 

ul#resultados li {
width:300px;
}

ul#resultados li h2 {
background-color:#369
height: 30px;
}

ul#resultados li p {
font-size:79%;
}

- ul é uma lista não-ordenada

- li é um item da lista

- h2 define um título (aqui pode ser h1,h2,h3,h4,h5 ou h6 dependendo de onde está no site)

- p define um parágrafo

 

E nem todas as divs precisam de uma identificação, dependendo do caso poderia ser algo assim:

<div id="blocos">
   <div>conteudo...</div>
   <div>conteudo...</div>
   <div>conteudo...</div>
</div>

 

E no css:

#blocos div {
float:left; /* todas as divs dentro da div blocos */
}

[]'s

[Ulisses José 0]

Valeu pelas dicas.. !!