Insert image in submenu

Hello
I am using the first time your templates, so I'm still adapting.

I wonder how I can insert a picture in submenu by using CSS.

I'm insert the following code in the override.css and does not work.

Code: Select all

div.gkSubmenu > ul.gkDropSub140 > li.gkDropSubIt141 > a#menu141 {
    background: url("../images/flags/portugal.png") no-repeat scroll;
   }


I turned on the override in the template options.

The menu I am using is GK SplitMenu

Tenta adicionar a imagem utilizando a opção de imagem disponivél no próprio menu, ou seja, na cascata de opções do lado direito, tem a opção de adicionares a imagem correspondendo ao menu, basta carregares a imagem primeiro para /media e depois buscares automaticamento no menu.

I suppose you're Portuguese?

Sim sou Português.

inserir a imagem como tu disses-te foi o que eu tentei logo, mas não dá.

Não funcionou... hum...

Faz assim, manda-me o url do site e o menu (nome do submenu aonde pretendes a imagem + link da imagem também) e eu daqui vejo se consiguo criar um hack no CSS e colocar o ajuste correcto, para acertares. ok?

Eu já consegui inserir a imagem no menu, só que deparei-me com um problema, estava a mexer com toda a estrutura de submenus, ou seja estava a modificar o css para todos os submenus.

então pesquisei aqui no fórum e vi num tópico um moderador a dizer que deveria verificar qual o ID do submenu e fazer as modificações no ficheiro override.css, que foi o que tentei fazer mas sem sucesso.

Por isso algo no código que eu coloquei em cima está mal.
A imagem que estou a tentar chamar está na pasta images (dentro do template)

O site ainda não está online.

Acho que ele se esqueceu de te dizer que o ID muda consuante adicionas novos items ao menu, não é de todo fixo, até pode-o ser durante um tempo, mas depois mudar e voilá, lá se vão os hacks.

Code: Select all

div.gkSubmenu > ul.gkDropSub140 > li.gkDropSubIt141 > a#menu141 {
background: url("../images/flags/portugal.png") no-repeat scroll;
}

Hum... scroll não é preciso, o que te falta mesmo é determinar a posição da imagem (left - right) ou top center, tamanho e padding, para encaixar bem, pois se não determinares isso a imagem não aparece porque não sabe aonde se posicionar.

Sabes fazer isso ou precisas que faça um exemplo?

Já agora, o meu nome é Alex

the solution is

Code: Select all

div#gkDropSub > ul > li#gkDropSubIt141 > a#menu141{
    background: url("../images/flags/portugal.png") no-repeat scroll 0 0 transparent;
}


Solved