Loop horizontal com tableless

[suxz 0]

Boa noite galera!

Tô aprendendo a montar layouts tableless e me deparei com essa dúvida (como encaixar o conteúdo dinâmico dentro de três colunas de divs alinhadas horizontalmente).

Lembro-me que com tabelas usava o seguinte:

<%
colNum = 3
%>
<table width="600px">
<%
 do while not rec.eof
%>
	<tr>
	<%
     Dim n
     n = 0
	 do while n < colNum and NOT rec.eof
	%>
		<td width="110" height="90" valign="top">
		  <img src="<%=rec("imagem")%>" />
		</td>
		<%
		  rec.Movenext
		  n = n + 1
		  loop
		%>
	</tr>
  <%loop%>
</table>

Só falta isso pra fechar o projeto e tô travado!

Desde já agradeço

[Public2004 79]

Olá, sua dúvida esta mais relacionada para a seção WebStandards, basicamente seria utilizar uma lista ajustando a quantidade de colunas de acordo com o tamanho dos itens, ex Css:

ul {
	width:600px;
	list-style:none
}
ul li {
	width:200px;
	float:left;
}

E no Html:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
</ul>

Mas lembre-se que dependendo da apresentação dos dados, as tabelas devem ser utilizadas.

 

Att.