2 replies to this topic

[Iaia]

Olá Pessoal! Sou nova por aqui e gostaria da ajuda de vocês....

Estou criando com um menu na vertical, com submenu também na vertical por CSS. Quero que o submenu seja acionado via javascript, mas o problema é que não consigo colocar o menu na vertical, mesmo alterando o display.... pode ser que o código .js esteja com problema porque não está dando o visibility no submenu....
Também queria colocar border: dashed apenas no item HOME, mas não ativei pelo CSS...

Alguém poderia me ajudar?

Muuito obrigada!

CSS
.submenu{
position:absolute;
top:50px;
widht:100px;
height:25px;
visibility:hidden;
}

.itemmenu a {
display: table;
width:190px;
height:25px;
padding-top:5px;
padding-left:10px;
float:left;
font-family:Tahoma;
font-size:14px;
font-weight:bold;
color:#999999;
text-align:left;
text-decoration:none;
background-color:#f2f2f2;
border-bottom:1px dashed #ccc;
position:relative;
top:0px;
left:0px;
}

.itemmenu ahome {
border-top:1px dashed #cccccc;
}

.itemmenu a:hover{
padding-left:20px;
background-color:#f8f8f8;
color:#ff6600;
}

.itemmenu a:active{
padding-left:20px;
width:180px;
background-color:#f8f8f8;
color:#ff6600;

.itemmenu{
float:left;
widht:190px;
}

JAVASCRIPT
tms=new Array ()

function over(n) {
if (typeof(tms[n]) !="underfined") clearTimeout (tms[n])
document.getElementById ("s"+n) .style.visibility="visible"
}

function out(n) {
tms[n] =setTimeout ('document.getElementById ("s"+n+'") .style.visibility="hideen"',500)
}

[Andreia Regina]

Acessa este link, tem um tutorial sobre o menu que você quer fazer.

Dica: quando postar códigos utilize a tag code, facilita a visualização do script

[Iaia]

Oi Andréia!

Muito obrigada pela ajuda e pela dica! Vou ficar atenta.

Vou testar o menu pelo link que você me passou, tentando fazer os ajustes pra ficar como quero e depois posto aqui pra contar se deu certo!