[Resolvido] Como posicionar

[Galante 0]

Oi, pessoal!

 

Fiz um slideshow, cujo modelo peguei semi pronto e fui adaptando de acordo com o site que estou criando.

 

Porém, há 2 botões (prev e next) que não consigo posicionar, de jeito nenhum, para aparecer. Já tentei de tudo no HTML/CSS e nada.

 

Alguém pode me ajudar?

 

Seguem os links:

- http://www.brunogalante.com.br/brownie/fotos.html: que estou criando

- http://line25.com/wp-content/uploads/2010/slideshow/demo/demo.html: modelo que peguei. Ao passar o mouse por cima, os botões aparecem.

 

Há algo de errado que eu fiz?

 

Agradeço desde já a ajuda! =))

[Samuel Volpato 4]

tenta isso no teu css:

 

div#slideshow2 ul#nav {
   border: 1px solid red;
   display: block;
   list-style: none outside none;
   overflow: hidden;
   position: absolute;
   top: 10px;
   z-index: 55;
}

 

Assim deve aparecer a borda da nav, porém ele não está achando a imagem de backgound do a, arrume isso que de funcionar.

[Galante 0]

Samuel, estou conseguindo!

 

Só falta uma única coisa: como fazer os botões aparecerem ao passar o mouse por cima igual o site: http://line25.com/wp-content/uploads/2010/slideshow/demo/demo.html ?

 

Segue link de como está agora: http://www.brunogalante.com.br/brownie/fotos.html

[Samuel Volpato 4]

Cara na teoria esse teu código:

 

$("#slideshow").hover(
   function() {
       $("ul#nav").fadeIn();
   },
   function() {
       $("ul#nav").fadeOut();
   });
});

 

é para funcionar, coloca o display: none; para as setas já inciarem escondidas e vê se funciona. Caso não funcione tenta debugar o código JS, colocando alert no hover para ver se ta disparando o evento certo.

[Galante 0]

Deu certo, Samuel!

 

Super obrigado pela ajuda!

 

Um abraço!