1

Possuo essa estrutura:

<ul>
<li><a></a></li>
<li><a></a></li>
</ul>

Ok, o que acontece, é que as vezes preciso colocar o link <a> acima da li e não dentro, como está na estrutura. Como vocês fazem? Eu já utilizei window.location, mas queria saber se tem alguma forma de fazer sem usar javascript.

4
  • 3
    Explique melhor "colocar o clique acima da li e não dentro". Commented 22/08/2014 às 12:21
  • Editei, não havia percebido o erro. Commented 22/08/2014 às 12:29
  • A estrutura correta é o link dentro da li... Em que situação seria preciso colocar a li dentro do link? Commented 22/08/2014 às 12:33
  • @FelipeStoker você quer que o link fique encima do <li>?? Tipo assim? jsfiddle.net/k30jqdrd Commented 22/08/2014 às 12:34

1 Resposta 1

7

Não é recomendado, e literalmente não é correto você colocar algo como:

<a><li></li></a>

Assim, como definido nas regras de padrões do HTML, pelo w3c, dentro da tag <ol> ou <ul>, podemos conter somente tag <li>.

O que suspeito que você queira fazer, é que o bloco do <li> inteiro seja 'clicável', então recomendo fazer é adicionar a propriedade "display: block" no css da tag <a>.

2
  • 1
    Com display:block ele pegará todo o conteúdo dentro do a que respectivamente está dentro do li? Commented 22/08/2014 às 16:58
  • @FelipeStoker sim. Além de ser o modo correto de você escrever as tag, pois se fizer o <a> envolta do <li>, nada garante que ele vai funcionar em todos os browsers. Commented 22/08/2014 às 17:44

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .