Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Como colocar imagem nas opções do Menu

Boa noite,

Estou com a seguinte dúvida: Tenho um menu vertical com os seguintes itens: Home, Serviços, Missão e Contato.

O menu se repete em todas as páginas. Quando a pessoa clicar na opção "Serviços" por exemplo e ela for direcionada para a página de serviços, gostaria que no menu, ao lado da palavra "serviços", aparecesse uma pequena imagem, como uma seta por exemplo, indicando para o usuário em que página ele está, no caso, na página se serviços, que foi a opção que ele clicou do menu.

COMO COLOCAR ESSE IMAGEM ?

Estou tentando de tudo e nada dá certo!

Alguém poderia me ajudar, por favor ?

Agradeço desde já !

MUITOOOO obrigada,

Helena Lacerda

5 respostas

Oi Helena, cole aqui o trecho de código do seu menu, para podermos te ajudar melhor :)

Oi Rodrigo ! Muito obrigada pela resposta !

Segue código HTML:

Segue CSS do menu:

container .menu-opcoes ul {

font-family: 'FonteSite', "sans-serif;"; font-size: 20px; float: left; margin-top: 40px; position: relative; }

container .menu-opcoes ul li a {

margin-left: 60px; display: block; width: 130px; padding: 4px; margin-top: 10px; color: #FFFFFF; text-decoration: none; }

Isso já ajuda ? Muito obrigada !

Um grande abraço,

Helena Lacerda

Oi Helena, Você pode utilizar a tag <img> dentro da tag <a>:

<ul>
    <li>
        <a href="servicos.html"><img src="img/imagem.png"/>Serviços</a>
    </li>
</ul>

Abraços!

solução!

Depois poste aqui se deu certo, e qualquer outra dúvida é só perguntar :)

Rodrigo, muitíssimo obrigada ! Vou tentar e lhe respondo se deu certo.

Obrigada mesmo !

Um grande abraço !