Publicado em 28 de fev.

Tamanho Fixo Menu CSS

tenho um menu horizontal utilizando div mais to com uma duvida

o menu esta correto , o que eu keria fazer é deixar todos os <LI> mais ou menos do msm tamanho[/b] pra dar um aspecto melhor.

ta mais ou menos assim :

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial;
width: 760px;
border: 1px solid #625e00;
border-width: 1px 0;
}

.solidblockmenu li{

display: inline;
}
como podem ver é um **menu horizontal com tamanho 760px** - acontece que cada <LI> (OPÇAO) do menu tem um size difrente depedendo do **tamanho da frase** e eu keria dar um tamanho fixo pra cada <LI> pra nao ficar um tao grande e o outro tao pequeno- acho que deu pra entender né

agluem sabe como fazer isso ???

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Giovani· 28 de fev.

Defina um width para o <li>.

Pesquise aqui no fórum ou no google, você vai encontrar mihões de exemplos prontos.

inforsis· 28 de fev.

ealves, Bom Dia!

Então como o Giovani citou acima, aqui no fórum você encontra vários outros tópicos com o assunto.

Vale ressaltar também, que para fazer o meno você vai utlizar a tag ul juntamente com a tag li e não a tag div, como você citou acima.

Abaixo um exemplo simples, se basei que poderá resolver o problema:

css

ul {width:760px; height:50px;}

ul li {width:200px; float:left; list-style:none; text-align:center; background:#FFF; margin:5px;}
html

<ul>

	<li>

 OPCAO 1

	</li>

	<li>

 OPCAO 2

	</li>

</ul>

Até Mais. ;)

Rafael Monroe· 28 de fev.

Olá ealves, tudo bom?

Lembrando que não basta acrescentar 'width:' para o seu '.solidblockmenu li {}', pois o mesmo contém um 'display: inline'. Como corrigido pelo amigo inforsis, utilize 'float: left'.

Abs.