layer que acompanha

[Alessancost 0]

Bom dia!

 

Eu tenho um menu oculto... daquele que quando você aperta o botão direito do mouse ele aparece. Sua estrutura e bem simples:

 

<div id="menu">

<ul>

<li></li>

</ul>

</div>

 

Eu tenho que fazer um sub-menu e só sei fazer com div visibility: hidden. O meu problema é que esse menu oculto aparece a direita do ponteiro do mouse, que pode esta em qualquer lugar da tela. Assim, não posso fazer o sub-men com position:absolute... Pergunto... tenho como fazer um layer acompanhar a posição de outro layer?

 

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

[fael 1]

Use CSS, exemplo:

<style>#coluna1 {width: 200px;background: #f30;float: left;}#coluna2 {width: 200px;background: #06c;float: right;}.cleaner {clear: both;}</style><div id="coluna1"> </div><div id="coluna2"> </div><br class="cleaner" />

Abraço,

[Alessancost 0]

fael;

 

Eu não entendi como a coluna2 poderia acompanhar a coluna1? http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

[fael 1]

ela estaria acompanhando a direita, com o float: right

[Alessancost 0]

Obrigado fael;

 

Mas consegui colocando o layer dentro do div do menu oculto...

 

<div id="menu">

<ul>

<li></li>

</ul>

<div id="submenu">...</div>

</div>

 

 

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

[fael 1]

Que bom que conseguiu! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Alessancost 0]

:wacko:

 

Resolvo um problema pinta outro...

 

Agora, quando aparece o menu oculto próximo do canto direito aparece a barra de relagem lateram por causa do submenu http://forum.imasters.com.br/public/style_emoticons/default/sick.gif

[fael 1]

Se você não quiser que apareça a barra de rolagem, use overflow-x e overflow-y com o valor hidden no body de sua página.

[Alessancost 0]

Obrigado mais uma vez...

Mas achei melhor colocar o layer do lado direito e não do esquerdo do menu oculto. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif