html - Problemas com Menu CSS. Wordpress.
Perguntas � html � Problemas com Menu CSS. Wordpress.
Problemas com Menu CSS. Wordpress.
Bom estou fazendo um site baseado em Wordpress só que, estou com um probleminha no menu, a imagem que fica junto com o link, ela só ativa se passar o mouse por cima dela mesma e ativa o link junto, enquanto o link ativa só o link mesmo... Por exemplo passo o mouse por cima da imagem e o link ativa tudo certinho, já quando passo o mouse por cima do link, só o link é ativado.
Se alguém puder ajudar, achei algo sobre After e Before mas ainda não entendi como usar, então obrigado aqui está o link: http://fma.santos.eti.br/
criado 25 de mar de 2014
editado 25 de mar de 2014
Bom, olhando no seu código fonte o seu menu e forma por
<li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51 std_dropdown">
<a href="#" class=" with_icon">
<i class="im-icon-checkmark-3"></i>
<span class="link_text">Downloads</span>
Ou seha, vc tem uma lista
's a imagem está na tag e o texto obviamente no span, e tudo que está dentro dos
's está envolvido por um
Entao eu aconselho vc a fazer no seu CSS isso
.with_icon:hover .im-icon-checkmark-3 {
/*aqui vai o que vc quer, acho que eh mudar a imagem preta para vermelha*/
.with_icon:hover .link_text {
/*aqui vai o que vc quer, acho que eh mudar o texto preto para vermelha*/
O seletor :hover indica que quando o mouse estiver em cima do elemento com a classe "with_icon" vc vai modificar algo com css, entao quando vc passar o mouse em cima da âncora (a tag ), o elemento que tiver a classe "im-icon-checkmark-3" que é um elemento filho da âncora vai sofre alguma coisa.
Olha fiz um exemplo bem besta que acho que exemplifica o que tentei explicar
http://jsfiddle.net/4Pk8J/
criado 26 de mar de 2014
Nossa cara muito obrigado, funcionou perfeitamente, algo realmente bem simples, muito obrigado mesmo, acho que agora não esqueço mais desse código kkk vlw ^^
— Leandro Santos 27 de mar de 2014
Demorou. Quando falei q o exemplo era besta, foi pq o codigo que escrevi tava bem simples, mas a sua dúvida não era tão simples, css pra mim eh um pouco complicado porque tem várias formas de se fazer a mesma coisa, e muitas são ruins hehe.