Rollover de botoes com CSS sem JS ... como fazer?

[publicitando 0]

Pessoal, dei uma pesquisada por ai e até achei umas formas de fazer rolover porém o q achei era um over feito no bg ... como nesses exemplos:

 

http://e-lusion.com/design/menu/

 

Porém se vcs reparem, o over é uma imagem de background e nao é isso q eu quero pq neste exemplo eles tem um background e um texto por cima ... quero q o over fique direto no botão com link ...

 

Vejam esta home q estou montando procurando seguir webstandards:

 

http://www.hkl.com.br/eagle/home.asp

 

Olhem o menu ... fiz ele com JS .... porém nao queria ... queria usar apenas css ...

 

Dêem uma luz ai por favor ... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Abraço http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Beraldo 864]

Vá a http://www.maujor.com . No sebmenu de Menus I ou Menus II há um exemplo só com CSS.

É bem explicado.

 

Abraço

[pa_bruno 0]

cara... eh a mesma coisa... ao invés d você utilizar somente cor d background, você vai utilizar uma imagem ué... você coloca no background do a e a outra no background do a:hover...

 

a { background: #FFCC33 url(imagem.gif); display: block; width: 100px; height: 25px; }

a:hover { background: #FFCC33 url(imagem_hover.gif); }

 

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