Ir para conteúdo

POWERED BY:

Arquivado

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

Pacato

Problemas no menu(display: inline;)

Por , em Desenvolvimento frontend

Recommended Posts

Pacato    0

Pacato
Postado

Faaaala galera, mais uma vez eu aki postando, to tentando fazer um menuzinho aki de um site, e no fundo do menu tem uma imagem e tals...Eu to conseguindo definir o tamanho certinho do menu, mas qdo eu coloco o atributo display: inline; na tag li, bagunca td, os tamanhos nao ficam mais do tamanho q eu defini, e sim do tamanho do texto. Alguem pode me ajudar a resolver esse problema por favor?!?!Valeu, Abração!!!Em baixo segue um codigo que fiz pra testar essa parada do atributo, se tirar o display: inline; do css, o tamanho fica certinho.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br><style type="text/css">ul#menu li { width: 200px; height: 50px; background: #f90; display: inline; }</style></head><body><ul id="menu"> <li>Teste Teste Teste 1</li> <li>Teste Teste Teste 2</li> <li>Teste Teste Teste 3</li></ul></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Illidan    0

Illidan
Postado

Eu acho que isso acontece pq você não consegue definir um width pra elementos "inline"... não tenho certeza, mas acho que é isso. O que você pode tentar fazer é colocar um "float: left;" neles (e tira o "display: inline;")... vai ficar mais difícil de posicionar, mas acho que ele manteria a largura.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito