rollover no dw com css

[rviegas 0]

Estou a precisar URGENTEMENTE que me ajudem a fazer um menu dentro de uma tabela, que por sua vez, se encotra dentro de uma layer (camada).

Tal como penso que foi feito neste site - www.trimadeira2004.com

Tentei fazer seguindo o tutorial disponibilizado em http://css.maxdesign.com.au/listamatic/vertical08.htm, mas não consegui ter sucesso, com as definições que passo a enumerar...

 

Esse menu teria:

- uma tabela com 9 células

- cada célula teria 200 px de largura por 16 px de altura

- cada palavra (link) teria como fonte, verdana, 10px, bold, sem sublinhado com a cor com referência #6B5722, e encontrar-se-ia centrada relativamente à célula ou encostada à esquerda com uma margem de 5 px

- a cor de fundo (background) teria a referência #FEFFBD

- a cor que apareceria ao passar o rato por cima teria como referência #C1AE74 e preencheria cada célula na sua totalidade

- a cor que apareceria ao pressionar o botão esquerdo do rato em cima, teria como referência #EBD37B e também preencheria cada célula na sua totalidade

 

 

SERÁ QUE ALGUÉM ME PODERIA DAR O CÓDIGO PARA CRIAR ESTES TRÊS ESTILOS (que mais tarde, quando tivesse mais tempo, tentaria compreendê-lo)?

 

E esses estilos são aplicados a cada célula individualmente ou a outro objecto qualquer?

 

obrigado

[alicacwb 0]

Nada que 50tão não pague... rs...Alica CWB

[ExPeRTiM 0]

Css encontrados nessa página.styles.css

.maincontent {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}.maincontentWhite { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}a {  text-decoration: none}.maincontent-MainDate { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight: normal; letter-spacing: -1pt}.maincontentCentered { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}.DateStamp { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}

menu1.css

/* --- static menu styles ---note: 1. not all browsers render styles the same way so try out your style sheet on different browsers before publishing;style naming convention: m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>*/.m0l0i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none; padding: 4px;}.m0l0o { text-decoration : none; border : 1px solid #ffffff;}.m0l1i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none; padding: 4px;}.m0l1o { text-decoration : none; border : 1px solid #ffffff;}.m0l2i { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none; padding: 4px;}.m0l2o { text-decoration : none; border : 1px solid #ffffff;}

Eu consegui fazer isso aqui com o fireworks.http://www.zuadaum.kit.net/menu.png