Ocultar e Exibir menu

[mmw 0]

Olá galera, procurei por toda a web e ta dificil. Já vi na web mas agora não to conseguindo achar.

 

Gostaria de encontrar um menu vertical:

 

1) Posicionado do lado esquerdo da página

2) este menu ficaria encolhido apenas com uma abinha escrito: clique para expandir

3) quando clicasse o menu apareceria e no lugar ficaria escrito: clique para ocultar

 

Sendo assim eu economizaria espaço na tela pois o menu só ia aparecer quando a pessoa clicasse para expandir.

 

Exemplo:

 

menu fechado:

 

 

menu aberto:

 

 

Agradeço quem puder ajudar

 

Neste proprio fórum tem uma coisa meio parecida que é quando se clica no botão: Painel Lateral. Ele oculta o painel e o exibe.

[Tiago Cardoso 1]

Aqui cara:

 

http://tmferreira.pandela.org/menu2/movimento.html

[Megadeth 2]

Isso pode lhe ajudar muito:

menu bar

[mmw 0]

obrigado amigos.Mas uma coisa, a div fica solta, tem como colocar pra ela ficar presa dentro de uma <td>?grato.

[Tiago Cardoso 1]

cara <td> e tables são marcações HTML para Dados Tabulares um menu não é um Dado Tabular, temos que utilizar os elementos certos para determidas funções, pois é errado utilizar tabelas para criação de layout, com o próprio CSS você pode chegar no mesmo efeito, eu sei que no começo para que é mais díficil, mas não é, na verdade é a gente que não está acostumado, mas depois de ter um a "base" fica tudo mais fácil e limpo, se tiver alguma dúvida sobre como posicionar os elementos entre neste fórum que os caras vão te ajudar, ok?

[mmw 0]

cara <td> e tables são marcações HTML para Dados Tabulares um menu não é um Dado Tabular, temos que utilizar os elementos certos para determidas funções, pois é errado utilizar tabelas para criação de layout, com o próprio CSS você pode chegar no mesmo efeito, eu sei que no começo para que é mais díficil, mas não é, na verdade é a gente que não está acostumado, mas depois de ter um a "base" fica tudo mais fácil e limpo, se tiver alguma dúvida sobre como posicionar os elementos entre neste fórum que os caras vão te ajudar, ok?

Ah cara entendo, mas é muito estranho mecher com div. Por exemplo, como seria isso aqui em div:

<table width="750" align="center"><tr><td colspan="2" bgcolor="yellow">Topo</td></tr><tr><td width="149" valign="top" bgcolor=red>Lado Esquerdo<table><tr><td>Link 1</td></tr><tr><td>Link 2</td></tr><tr><td>Link 3</td></tr><tr><td>Link 4</td></tr></table></td><td width="589" valign="top" bgcolor=blue>Lado Direito</td></tr><tr><td bgcolor=green colspan=2>Linha abaixo tomando as duas colunas</td></tr></table>

Obrigado

[Tiago Cardoso 1]

aqui:

 

http://conteudo.imasters.com.br/4462/layou...olunas-ex3.html

 

mais dúvidas pergunte para os caras de CSS, aqui

[mmw 0]

hm então pelo que entendi o que resume é o FLOAT.Meu medo é esta incompatibilidade entre browsers. Sei que tabelas são vistas pelos dois mas por exemplo uma camada transparente no Firefox nem sempre fica legal. As posições ficam diferentes.O jeito será eu reaprender a fazer página hehehe.Agradeço a atenção.

[Tiago Cardoso 1]

É na verdade não seria reaprender, seria fazer uma página mesmo, se pensarmos bem como podiamos criar layouts com tabelas, tava errado, e os padrões veem ai para sairmos do erro que cometiamos antigamente...O jeito é enfiar a cara em CSS e aprender o básico para ir trocando as tabelas pelas marcações certas(lembrando que não temos que parar de utilizar as tabelas, tabelas devem ser usadas apenas para dados tabulares, ok?)

[Tiago Cardoso 1]

Pois é foi o que eu disse:

É na verdade não seria reaprender, seria fazer uma página mesmo, se pensarmos bem como podiamos criar layouts com tabelas, tava errado, e os padrões veem ai para sairmos do erro que cometiamos antigamente...