1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Ajuda <li> e <ul>

Discussão em 'Web Development' iniciada por SA-SS-A, 4 de Junho de 2012. (Respostas: 9; Visualizações: 702)

  1. SA-SS-A

    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: 4 de Junho de 2012
  2. nfk

    nfk Power Member

    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.
     
  3. SA-SS-A

    SA-SS-A Power Member

    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á.
     
  4. nfk

    nfk Power Member

  5. SA-SS-A

    SA-SS-A Power Member

    vou ver obrigado.
     
  6. SA-SS-A

    SA-SS-A Power Member

    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.
     
  7. SA-SS-A

    SA-SS-A Power Member

    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.
     
  8. 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.
     
  9. SA-SS-A

    SA-SS-A Power Member

    interessante...obrigado!

    Cumps
     
  10. devil001

    devil001 Power Member

    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>
    
     

Partilhar esta Página