Tamanho Fixo Menu CSS

[ealves 0]

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 ???

[Giovani 104]

Defina um width para o <li>.

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

[inforsis 1]

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 0]

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.