Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
consegui pessoal, utilizei no hover isso e agora funcionou
box-sizing: border-box;
Dúvida de noob rs, estou com o seguinte code
Ao passar o mouse por cima de um link, ele cria uma borda abaixo do link, até ai beleza, meu único problema é que ao clicar essa borda e rodar o efeito, os outros elementos mexem, gostaria de saber como faria para ao passar o mouse ativar o efeito sem mexer com os outros elementos, dá tipo uma tremida, não faço nem ideia de como arrumar isso :) obrigado a quem puder me dar uma luz.
Acrescente o parâmetro "**box-sizing: border-box**" no seu elemento <li>
Exemplo:#menu ul li {
display: block;
height: 20px;
box-sizing: border-box;
}a questão com o box-sizing é que alguns browsers mais antigos não suportam ele e do jeito que passei abrange mais navegadores. a diferença é pouca mas pra mim faz sentido abranger o maximo possivel
se bem que o hover também não é assim tãoo suportado, acho que no final é a mesma coisa talvez hehehe
Obrigado pela ajuda pessoal, vou fazer uns testes, prefiro a solução crossbrowser tb, obrigado.
uma forma é diminuindo a altura da borda na altura do retângulo exemplo se o retangulo tem 30px e a linha tem 2 bote a altura do retangulo 28px no hover, podes até diminuir o tamanho da fonte uns 2 a 4 px também que dá até um efeito bacana que indica qual elemento tá hoverado