Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

D. Rossi

[Resolvido] Posicionando layers de forma correta

Recommended Posts

Sou novo aqui, então não sei se criei o tópico dentro dos padrões. (Favor me avisar antes de deletá-lo se não estiver http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif )

 

Primeiramente, já li várias vezes o tutorial criado pelo Leandro Vieira em:

 

http://imasters.com.br/artigo/4476/dre...nto_das_layers/

 

Sou iniciante em webdesign, e meu projeto de estágio para a conclusão do curso téc. em informática é o site da Lan House onde trabalho. Digamos que eu aprendi o suficiente pra me virar em HTML, Flash e edição de imagens no Photoshop, mas ainda estou com bastante dificuldade em se tratando de CSS (pois na verdade esta linguagem nem foi tópico durante o curso), e meu orientador de estágio do curso técnico não está muito disposto a encarar CSS <_<

 

Então, tive que recorrer à ajuda de quem entende, e tive várias indicações sobre a IMASTERS, gostei mesmo desse fórum.

Bom, vamos ao que interessa:

 

Observem como meu index está disposto:

 

http://www.cjb.net/images.html?6c679.jpg

 

Preciso fazer com que a layer "loja" fique exatamente após a imagem "A Loja" no menu, de modo que eu passando o mouse sobre esta, a layer que no caso é um submenu, apareça em seu devido lugar. Já tentei seguir alguns tutoriais de CSS mas não tive resultados, só quebro a cabeça tentando resolver e por isso venho pedir uma ajuda, se alguém se dispuser a ajudar. O meu objetivo é posicionar a layer de modo que fique no lugar certo mesmo que a resolução do usuário seja diferente de 1024x768 e o browser seja tanto o Firefox como o Internet Explorer.

Obs.: também vou ter de fazer o mesmo entre a layer "servicos" e a imagem no menu "Serviços"

 

Desde já, agradeço e fico no aguardo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

D. Rossi, seja muito bem vindo ao fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Antes de tentar ajudá-lo, recomendo que dúvidas relacionadas as CSS sejas postadas no fórum de CSS.

Veja o link: Webstandards: CSS / XML / XHTML / HTML

 

Não vou mover este seu tópico para lá, neste momento, pois acho que vou te passar um link já com a solução.

O que vocêr quer fazer, pelo que entendi, é um menu, correto?

 

Acesse este link e veja se te ajuda: http://www.maujor.com/tutorial/ddownmenu.php

 

Precisando, volte a postar!

 

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

D. Rossi, seja muito bem vindo ao fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Antes de tentar ajudá-lo, recomendo que dúvidas relacionadas as CSS sejas postadas no fórum de CSS.

Veja o link: Webstandards: CSS / XML / XHTML / HTML

 

Não vou mover este seu tópico para lá, neste momento, pois acho que vou te passar um link já com a solução.

O que vocêr quer fazer, pelo que entendi, é um menu, correto?

 

Acesse este link e veja se te ajuda: http://www.maujor.com/tutorial/ddownmenu.php

 

Precisando, volte a postar!

 

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

Obrigado! Mas minha dúvida não é bem relacionada com CSS eu acho. Esse tutorial que você indicou eu já havia lido ontem, mas eu gostaria de saber se há alguma forma se não com posicionamento em CSS de fazer com que o submenu apareça no lugar certo. Veja o exemplo de como está no momento(passe o mouse sobre o menu serviços): www.icomp2.xpg.com.br

O submenu está aparecendo totalmente fora do lugar, encobrindo as outras opções do menu principal

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode tentar fazer isso trabalhando com posicionamento, mas é muito trabalho.

Se você quer um menu, com submenu, acho que seria mais apropriado o link que te passei.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, já obtive algum resultado mas só em uma página de testes seguindo o exemplo do tutorial que você indicou. Vou tentar implementar no meu site com as imagens do menu e em seguida posto os resultados.

Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpe o post duplo, mas só queria agradecer a ajuda. Após analisar um pouco os códigos, finalmente entendi a lógica do tal CSS heheheh

Levou um tempo mas consegui adaptar ao menu do meu site

 

Muito obrigado!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.