Spry Menu

[Vitor Curtis 0]

Olá,

 

Estou utilizando o Dreamweaver e adicionei o Spry menu. Ele utiliza as tags ul e li para criar o menu.

<ul id="menuBar" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">Menu 1</a>
	<ul>
	  <li><a href="#">Item 1.1</a></li>
	  <li><a href="#">Item 1.2</a></li>
	  <li><a href="#">Item 1.3</a></li>
	</ul>
  </li>
  <li><a href="#">Menu 2</a>
  ...

Coloquei os menus dentro de uma tag <div> e nela estipulei a largura de 902px centralizado na tela.

O problema é que no Dreamweaver ele define a propriedade width como auto para <li> e <ul> e os menus não preenchem o div total com tamanho de 902px

Fica algo assim:

--------------------------------------------------------------------

| Menu 1 | Menu 2 | Menu 3 | |

--------------------------------------------------------------------

Eu queria saber se existe algum jeito de no CSS mudar alguma opção para que os 3 menus preenchem todo o espaço do <div> ?

 

 

 

Grato,

 

Vitor

[Gui.BAR 0]

Aqui o pessoal não usa o Dreamweaver no modo Design. E também existe um tópico só pra falar de Dreamweaver.

 

Mas uma solução seria fazer todos os LIs do mesmo tamanho, dividindo 902px pelo numero de ítens do menu ou usando %.

Ou ir calculando em píxels, definindo a largura em cada LI até dar os 902.

Você pode optar por centralizar o texto.. assim se sobrar algo vai dar menos na cara.

 

Todas essas alternativas eu axo gambi.