1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Menu com HTML5 e CSS3

Estou fazendo um menu em HTML e CSS, estava fazendo da seguinte forma:

<li><a href="pg1.php"> Menu 1</a></li>

, mas o link da 'pg1.php' ficava apenas na palavra 'Menu 1', queria que ficasse no menu todo (assim como o menu do próprio GUJ), então refiz dessa outra forma:

<a href="menu3.php"><li>Menu 1</li></a>

gostaria de saber se é certo ou não colocar o <a> na frente do <li>, e se tem outra forma de fazer um menu desse.

  • Ola @Gabriel, Existe uma regra na W3C que diz que não se pode atribuir um item do tipo block dentro de um do tipo inline, claro que a visualização será reproduzida corretamente, então fica a critério mesmo utilizar dessa forma ou da forma documentada na w3c! De qualquer forma eu fiz um exemplo no jsfiddle para lhe mostrar que é possível permanecer com o link no texto fazendo com que pegue todo o espaço criado pelo <LI>: Exemplo JSFiddle

    Mickdark   28 de jul de 2014
  • Era isso mesmo que eu queria, não tinha visto seu comentario, por isso não respondi antes, valeu.

    Gabriel Lira   29 de jul de 2014
  • Opa por nada! Quer que eu coloque esse meu comentario como resposta?

    Mickdark   29 de jul de 2014
  • Claro, se mais alguem estiver com essa duvida, vai ajudar.

    Gabriel Lira   29 de jul de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

4 respostas

Mostrar todos os 6 comentários>
  • então eu fiz dessa forma, só que os links das paginas .php ficam apenas nas palavras Botao, é como se o link do menu do GUJ(Perguntas, Sem respostas, etc.) ficasse apenas nas palavras e nã na imagem inteira.

    É essa apostila que eu estou seguindo, muito boa mesmo.

  • Não é a resposta que estava procurando? Procure outras perguntas com as tags html css ou faça a sua própria pergunta.

    Entrar

    — OU —

    — OU —

    Esqueci minha senha.
    Cadastrar

    — OU —

    — OU —

    Criando uma conta neste site, você está de acordo com os termos de uso