Ajuda <li> e <ul>

SA-SS-A

Power Member
Boas pessoal da pesada!

Alguém me consegue dizer o que está de errado com este código:

Código:
<li><a class='myclasstest' href='http://test.com/search/label/lab'>TEXT1</a>
<ul class='children'>
<li/>
  <br/>
  <li><a href='http://test.com/search/label/lab'> » TEXT1.1</a></li>
  <li><a href=''> » TEXT 1.2</a>
      <ul class='children'>
        <li/>
        <br/>
        <li><a href='http://test.com'> » TEXT1.2.1</a></li>
        <li><a href='http://test.com'> » TEXT1.2.2</a></li>
      </ul>
  <li/>
  
  
  <li><a href='http://test.com'> » TEXT2</a>
      <ul class='children'>
        <li/>
        <br/>
        <li><a href='http://test.com'> » TEXT2.1</a></li>
        <li><a href='http://test.com'> » TEXT2.2</a></li>
      </ul>
      
  <li><a href='http://test.com'> » TEXT3</a>
      <ul class='children'>
        <li/>
        <br/>
        <li><a href='http://test.com'> » TEXT3.1</a></li>
        <li><a href='http://test.com'> » TEXT3.2</a></li>
      </ul>
  </li>
  </ul>
</li>

Ando há umas horas nisto, costumo editar este menu frequentemente e não percebo onde está mal. O menu é maior mas consegui identificar que o problema vem desta parte.
A ideia é esta:
MENU
-SUBMENU
-SUBMENU
--SUBSUBMENU
--SUBSUBMENU
-SUBMENU
--SUBSUBMENU
--SUBSUBMENU
-SUBMENU
--SUBSUBMENU
--SUBSUBMENU

Cumps
 
Última edição:
O ul é o elemento externo e o li o interno. Abres um ul, abres e fechas um ou mais li e depois fechas o ul.

Código:
<ul>
   <li>Item 1</li>
   <li>Item 2</li>
</ul>

E o <li/> não existe. Não percebi o que estás a tentar fazer com essa tag.
 
Pois eu também achei estranho, pois o blogger em certos casos altera-me de /li para li/ e funciona! O problema começou quando reparei que em todos os browsers o menu era intrepretado correctamente menos com o IE. Então decidi dar um toque mas ainda não consegui colocá-lo a 100% e claramente que é esta parte do código. Vou continuar a ver se chego lá.
 
Pois...o conceito já percebi. O problema é que troquei-me a abrir e a fechar porque há aí uma parte com subsubmenus. Mas ok vou rever o codigo do zero.
 
Desisto! Decidi fazer à sapateiro, copiei do submenu ao lado que é semelhante ao que quero arranjar e pronto. Quando tiver tempo vou ver onde falhei.

Obrigado.
 
o blogger em certos casos altera-me de /li para li/ e funciona!

Não li o código e não tenho a resposta à tua pergunta. Quero só dizer que o Blogger faz isso, provavelmente quando encontra um </li> sozinho. Ora, como todas as tags (em XHTML e HTML5) têm de abrir e fechar (algumas assim <tag></tag>, outras assim <tag_que_abre_e_fecha />), ele ao ver uma tag de fecho sozinha transforma-a numa tag que abre e fecha. Embora <li /> não signifique nada, deixa de dar erro.
 
Não li o código e não tenho a resposta à tua pergunta. Quero só dizer que o Blogger faz isso, provavelmente quando encontra um </li> sozinho. Ora, como todas as tags (em XHTML e HTML5) têm de abrir e fechar (algumas assim <tag></tag>, outras assim <tag_que_abre_e_fecha />), ele ao ver uma tag de fecho sozinha transforma-a numa tag que abre e fecha. Embora <li /> não signifique nada, deixa de dar erro.

interessante...obrigado!

Cumps
 
Não sei se percebi bem o que queres, mas talvez seja algo do género.

Código:
<ul><a class='myclasstest' href='http://test.com/search/label/lab'>TEXT1</a>
  <li><a href='http://test.com/search/label/lab'> » TEXT1.1</a></li>
  <li><a href=''> » TEXT 1.2</a>
      <ul class='children'>
        <li><a href='http://test.com'> » TEXT1.2.1</a></li>
        <li><a href='http://test.com'> » TEXT1.2.2</a></li>
      </ul>
  </li>
  <li><a href='http://test.com'> » TEXT2</a>
      <ul class='children'>
        <li><a href='http://test.com'> » TEXT2.1</a></li>
        <li><a href='http://test.com'> » TEXT2.2</a></li>
      </ul>
  </li>
  <li><a href='http://test.com'> » TEXT3</a>
      <ul class='children'>
        <li><a href='http://test.com'> » TEXT3.1</a></li>
        <li><a href='http://test.com'> » TEXT3.2</a></li>
      </ul>
  </li>
</ul>
 
Back
Topo