menu list

[Dark_Dirk_Sean 0]

Aeee galera!!!

seguinte: tenho um menu (6 seções) feito com lista (<ul> e <li>), e o fundo dele é uma imagem (cinza.jpg)...

A parada é: eu quero que a imagem de fundo de cada seção que de início é a mesma, fique com uma imagem de fundo diferente (ex: a 1ª:azul, a 2ª:laranja, a 3ª:vermelho, a 4ª:verde, a 5ª:roxo e a 6ª:marrom). Entenderam?

 

Segue abaixo o código:

 

ul#menu {		margin: 0;		padding: 0;		list-style-type: none;		float: left;		text-align: center;	}		ul#menu li {		display: inline;		float: left;		text-align: center;	}		ul#menu li a {		float: left;		text-align: center;		background: url("cinza.jpg");		width: 100px;		height: 50px;		color: #000;		font: 12px arial;		font-weight: bold;		text-decoration: none;	}		ul#menu li a:hover {		background: url("azul.jpg");		color: #FFF;	}

No caso do a:hover ali no final, eu já tentei assim:

 

	ul#menu li a:hover.azul {		background: url("azul.jpg");		color: #FFF;	}	ul#menu li a:hover.laranja {		background: url("laranja.jpg");		color: #FFF;	}

e no HTML, coloquei: <li class="azul">Seção 1</li> <li class="laranja">Seção 2</li>.

 

Alguém poderia me ajudar?!

Eu recorro à ajuda, só depois de ter tentando de várias maneiras, pesquisado e tudo mais.

 

Obrigado!

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Dark_Dirk_Sean 0]

Consegui já galera.

Estava colocando o class no <li>, e tem q ser no <a>

 

http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[pa_bruno 0]

exatamente isso q iria falar... no css você referencia o link e no codigo chama no li... ae naum vai funcionar... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif