Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

masauski

Problema com menu horizontal

Recommended Posts

Bom pessoal, dá um help aki pro novato em css...

Estou iniciando e já estou com um problema no menu, quero colocar uma imagem, e abaixo um texto, sendo que quero que o texto fique alinhado centralizado à imagem.

 

http://www.classimundo.com.br/Clientestempazul/menu/menu.htm

 

O Css está junto com o arquivo, basta ir em ver código fonte.

 

Obrigado desde já,

masauski

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você quer que a imagem que corresponde ao menu principal fique abaixo dele ?

 

(x)HTML:

 

<p>Principal</p>

CSS:

 

p {background-image: url(XXX);}
Acho que assim pode te ajudar, tem que colocar as imagens como BG do menu.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não, ao contrário, eu quero que o escrito que corresponde à imagem fique abaixo.Ou seja, imagem em cima e escrito em baixo, só que centralizado...Se eu colocar como BG não vou poder utilizar um link para eles ou pode?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você está começando agora, é bom estudar bastante, olhe esse link: http://forum.imasters.com.br/index.php?s=&...st&p=536888

 

Outro link que você deve ler (urgentemente):

http://www.imasters.com.br/artigo/3780

 

Sobre a sua dúvida, recomendo colocar a imagem no <li></li>. Seja como background ou imagem mesmo.

 

Qualquer dúvida, por favor, volte a postar!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado pelos links Gio, estarei dando uma limpada no css brevemente...

Bom, coloquei-o nas listas, porém, não obtive o resultado que quero ainda, está quase..hehe

Como farei para que os textos vão para a linha de baixo...?

 

Vide o resultado:

http://www.consulteaki.com.br/menu/menu.htm

 

Obrigado novamente por quem me ajudou e quem ajudará ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloca um display block na imagem ou se o menu não for muito grande, um <br /> após cada imagem.

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.