GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Ajustar tamnho da área de clique dos itens <a> em todas <li> do Menu

front-end
html
css
Tags: #<Tag:0x00007fbf20d96e80> #<Tag:0x00007fbf20d96c00> #<Tag:0x00007fbf20d96908>

#1

Estou implementando o seguinte blog: http://liaoexperience.com.br/

E gostaria de uma ajuda em aumentar a área de clique de todos os itens do menu no topo de forma que a:hover seja do mesmo tamanho da caixa formada pela tag li.


#2

Cara eu setei o width do li em 200. Todos ficaram com o mesmo tamanho. Ou você quer usar algo para ficar proporcional ao tamanho máximo?

Outra coisa, não tem relação com a pergunta MAS achei o site um pouco lento, levou quase 9 segundos aqui para abrir.


#3

Opa amigo! Estou na rua agora, não pude testar o ajuste de width. Mas isso acho que só fixa o tamanho de cada item no menu.
A minha intenção é que cada item seja clicável mesmo qndo o cursor ainda não está sobre a palavra.

Quanto ao speed realmente ainda não aperfeiçoei. Estou pra seguir algumas práticas de otimização.
Aceito dicas tbm =)


#4

vc colocou a tag <a> na palavra

<a href="http://liaoexperience.com.br/?page_id=2"><li>Aventura</li></a>

Não sei se resolveria

Se não for assim pode ser com JavaScript?


#5

Entendi!

Assim de cabeça não sei, vou precisar fazer mais alguns testes. Quanto as boas práticas para Sites, acho que tem um post do Sérgio Lopes no blog do Alura falando disso.


#6

To ligado! Tenho que ajustar os arquivos de imagens ainda.

Quanto à area de clique, consegui aumentar. Diminuindo a margin da <li> e ajustando o padding da <a> atraves da medida “em”.

Valeu galera! :smiley: