Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

theverme

loop.

Recommended Posts

fala galera, bom a duvida é a seguinte estou desenvolvendo um layout de um loja, porem no meu script em asp tem um loop para exibir os produtos desta loja.

Os produtos estão listado com <li> com uma borda a direita.

como exibir dessa forma

 

errado:

produto1 | produto2 | produto3 |

produto4 | produto5 | produto6 |

produto7 | produto8 | produto9 |

 

certo:

produto1 | produto2 | produto3

produto4 | produto5 | produto6

produto7 | produto8 | produto9

 

o produto 1 e 2 são separado por uma barra o terceiro ja não tem a barra nem a direita e nem a esquerda.

 

como fazer esse esquema funciona.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

no último de um replace no caracter

Compartilhar este post


Link para o post
Compartilhar em outros sites

não entendi, fiz dessa forma funciono, mais queria algo mais dinâmico, pois vou utiliza bd.

 

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/testeloop.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="div-tudo">
<ul>
<%
Dim i
For i = 1 to 9
l = i
if l = 3 or l = 6 or l = 9 then
l = "class ='not'"
else
l = ""
end if
%>
<li><a href="#" <%=l%>>home</a></li>
<%
Next
%>
</ul>
</div>
</body>
</html>
css
*{margin:0; padding:0;}
#div-tudo{width:600px; float:left;}
#div-tudo ul{list-style:none;}
#div-tudo li{float:left;}
#div-tudo li a{float:left; width:150px; height:150px; border-right:#000000 solid 1px; text-align:center; margin-top:20px;}
#div-tudo li a.not{float:left; width:150px; height:150px; border:0px;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

acrescenta um contador. Mas fica melhor se colocar em uma tabela ou gridview terá mais opções de configuração e formatação, deixando mais funcional e visualmente otimizado para o user.

Compartilhar este post


Link para o post
Compartilhar em outros sites

existe uma classe que postei no fórum dá uma olhada lá. E também com tabela, vc pode criar uma classe CSS para a table

Compartilhar este post


Link para o post
Compartilhar em outros sites

xanburzum

 

Fiz com tabela:

 

 

 

<table border="0" cellspacing="20">
<%
dim tabela
tabela = 1
while not rs.eof
if tabela = 1 then
%>
<tr>
<%end if%>
<td style="max-width:200px; width:200px; border-bottom:dotted 1px #CCCCCC; text-align:center;"><img src="imagens/123.jpg" width="100" height="100" /><br />
<%=rs("nome")%></td>
<%if tabela > 2 then%>
</tr>
<%
tabela = 0
end if
%>
<%
tabela = tabela + 1
rs.movenext
wend
%>
</table>

 

 

Valeu pelas dicas :clap:

Compartilhar este post


Link para o post
Compartilhar em outros sites

1969215_697817860262013_932501858_n.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.