Ajuste no Código.

William Bruno · Novembro 27, 2008

Não cara... não é assim.

Veja... tabela é <table>, deve ser usada para dados tabulares, tais como um calendário, horários de partidas de vôos, e ponto.

Listas e DIVs são Listas e DIVs. Não é correto fazer essa ligação que você tentou.

o <ul>, é um container nivel de bloco para vários <li>.

Cada <li> representa um item da lista.

<a> é a tag de ancora, o nosso link.

Se você fosse fazer uma lista de compras numa feira... você listaria oque precisa comprar, certo?

Em HTML semântico, ficaria assim:

<h1>Compras da Feira</h1>
<ul>
 <li>Alface</li>
 <li>Abobrinha</li>
 <li>Melancia</li>
</ul>
<h1>Compras do Mercado</h1>
<ul>
 <li>Televisão</li>
 <li>Arroz</li>
 <li>Ovos</li>
 <li>Leite</li>
</ul>

Eu fiz um título com um h1, e cada listagem tem a tua própria UL... e cada UL, tem vários LI... os LI são os itens de cada lugar ai no caso...

Reveja o código fonte que eu passei... o HTML que o meu gerou mesmo, você vai notar a diferença com o teu, como:

<div class="cat">
	<div>Automotivo (6)
		<ul>
			<li>Alarmes/Som/Acessórios</li>
			<li>Auto Elétrica</li>
			<li>Automóveis</li>
			<li>Baterias e Recargas</li>
			<li>Centro Automotivo</li>
			<li>Borracharia</li>
		</ul>
	</div>
	<div>Casa e Construção (2)
		<ul>
			<li>Casa de Tintas</li>
			<li>Mármoraria e Pedras</li>
		</ul>
	</div>
</div>

E o teu:

<div class="cat">
	<div><img src="Admin/icone/5.gif"> Automotivo (6)</div>
		
			
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Alarmes / Som / Acessórios&sub_id=144">Alarmes / Som / Acessórios</a>
 
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Auto-Elétrica&sub_id=145">Auto-Elétrica</a>
 
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Automóveis&sub_id=146">Automóveis</a>
 
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Baterias e Recargas&sub_id=147">Baterias e Recargas</a>
 
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Centro Automotivo&sub_id=149">Centro Automotivo</a>
 
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=238
&cat_nome=Borracharia&sub_id=150">Borracharia</a>
 
			
			</li>
		</ul>
	
</div>

Percebe a diferença?

Não é o link no caso, mas a estrutura da UL, LI.

wilnet · Novembro 27, 2008

Tudo bem, até entendi um pouco o que está dizendo... mas o problema está em distribuir a parte do ASP com esse CSS que você me passou... já fiz várias distribuição do ASP e não acho uma forma de conseguir isso que está dizendo.

Veja como está essa distruibuição do ASP entre o CSS.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<!--#include file="conecta_bd.inc"-->
<head>
<link rel=stylesheet href="./estilo.css" type="text/css">
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	margin-top: 40px;
	margin-left: 40px;
}
#listagem {
	width: 700px;
}
.cat {
	float: left;
	margin-right:20px;
	margin-bottom: 1px;
}
.cat ul {
	width: 160px;
	position: relative;
	left: 0px
}
.cat ul li {
	background-color: #ff0;
	margin-bottom: 0px;
}
	


</style>
</head>

<body leftmargin="0" topmargin="0">

<div id="listagem">

  <%
Dim categoria
Dim sub_cat

set categoria = Cat_DB.Execute("select * from categorias ORDER BY nome ASC;")
'while not categoria.EOF
%>
  
<% 
cont = -1
do while not categoria.eof 
set sub_cat= Cat_DB.Execute("select * from sub_categorias where id_cat="&categoria("id")&"")
cont = cont + 1
						if ( cont mod 4) = 0 and cont < 20 then %>
				
				<%end if
				set cot= Cat_DB.Execute("select count(nome_sub) as soma from sub_categorias where id_cat="&categoria("id")&"")
				%>

<div class="cat">
	<div><img src="Admin/icone/<%=categoria("icone")%>"> <%=categoria("nome")%> (<%=cot("soma")%>)</div>
		
			<%
cont2 = - 1
 do while not sub_cat.eof 
 cont2 = cont2 + 1
			if ( cont2 mod 1 ) = 0 and cont2 < 20 then %>
							 
			  <%end if%>
		 <ul>	  
			  <li>
 <a class=linkcat href="./listar.asp?lista=categoria&cat_id=<%=categoria("id")%>
&cat_nome=<%=sub_cat("nome_sub")%>&sub_id=<%=sub_cat("id_sub_cat")%>"><%=sub_cat("nome_sub")%></a>
 <% sub_cat.movenext
loop
 %>
			
			</li>
		</ul>
	
</div>

<% 
	  categoria.movenext 
loop

'completa as colunas 

'categoria.MoveNext
'Wend
categoria.Close
set categoria = Nothing
%>

</div>
</body>
</Html>

Me desculpe se ao ponto de vista eu estiver sendo ignorante e nao estar enxergando fácil o que quer dizer... mas estou com essa série dificuldade.

Grato

William Bruno · Novembro 27, 2008

Que isso cara... me desculpe se pareceu que eu disse algo nesse tom.

Vamos resolver isso aí. :lol:

É como te disse, eu não programo em ASP, até fiz o código em php ali em cima, e roda certinho... gera o mesmo HTML do exemplo estático que te passei.

você consegue adaptar meu php pro ASP? ou ao menos pegar a lógica que usei?

Fiz 2 loops, um para preencher as categorias, e outro dentro desse preenchendo as subcategorias, sendo que na hora de imprimir as sub, eu apenas coloco elas dentro de um <li></li>, deixando o <ul> antes desse loop, e o </ul> depois desse loop, para só aparecer uma vez em casa categoria o <ul>, </ul>.

Posso até tentar mecher no teu código ASP, mas não tenho como rodar ele... portanto não acho que seja a melhor coisa.

Te indiquei o HTML final, que resolve oq você quer, te apresentei um script em php que faz isso, e estou te falando a lógica da coisa... não sei oq fazer mais :P

Me diga você, como faremos isso?

________________ edit:

Olha.. observei algumas coisas aqui no HTML gerado, tenta seguir esses passos:

-> Faz a <ul> abrir antes do loop que preenche as subcategorias

-> Dá uma <div></div> para cada categoria(essa DIV, vai englobar a UL, com todos os li de cada sub), e uma com class="cat", somente à cada 2 categorias

wilnet · Novembro 27, 2008

Opa Amigo... me desculpe mais uma vez se dei a impressão errada a você quando disse que (ao ponto de vista poderia estar sendo ignorante no assunto) rsssr foi só uma forma de me expressar... acho que usei a palavra errada rsrsrs, você está ajudando e muito William Bruno, e tb alguns amigos que tb já postaram... é que as vezes a gente fica com a cabeça tao quente em tentar resolver, que mesmo coisas simples se torna complicadas, e foi que eu quiz me referir. fique tranquilo...

Sinceramente, não tinha visto seu código em PHP acima, achei interessante, embora nao sei nada de PHP, mas vou dar uma boa estudada na forma em que distribuiu a lógica.

Quanto a você tentar mexer no ASP, podemos tentar mais a frente se continuar... crio um FTP para poder rodar, caso ficar fácil para você tb é claro.

Mas vou tentar novamente nesse scritp.

Abraços a todos.

Entrar

Arquivado

Ajuste no Código.

Recommended Posts

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

wilnet 92

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

wilnet 92

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante