Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera é o seguinte, tava fazendo um slideshow com jquery mais aí me bati com um problema que não consegui resolver, eu queria que no próprio slideshow os links da paginação do slide ficassem por cima das imagens mais não consegui fazer, será que poderiam ajudar? vlw !
/RESET/
*{
margin:0;
padding:0;
}/PSEUDO-CLASSES/
body{
background:url(images/bg.gif) repeat;
}/ESTRUTURA DO SITE/
#box{
width:900px;
margin:0 auto;
background:#FFFFFF;
}/##########################################################################################/
#header{
width:900px;
height:100px;
background:#FFFFFF;
float:left;
}
#logomarca{
width:341px;
height:82px;
}width:341px;
height:82px;
float:left;
margin:18px 25px;
}/##########################################################################################/
#menu_horizontal{
width:900px;
height:45px;
background:url(images/menu_bg.jpg)no-repeat;
float:left;
}float:left;
font:14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:10px 15px;
margin:5px 5px;
}text-decoration:underline;
}/##########################################################################################/
#box{
width:900px;
background:#FFFFFF;
}/##########################################################################################/
#slideshow{
width:500px;
height:250px;
background:#f4f4f4;
border:1px solid #CCC;
float:left;
margin:5px;
position:relative;
}
#lista{
float:left;
height:250px;
width:380px;
background:#f4f4f4;
border:1px solid #CCC;
margin:5px 0;
}/##########################################################################################/
#rodape{
width:900px;
height:140px;
background:url(images/rodape.jpg) no-repeat;
clear:both;
}/##########################################################################################/
#area1{
width:150px;
height:140px;
float:left;
margin:5px;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}width:150px;
font:18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-align:center;
padding:3px;
}font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
margin:3px 5px;
text-decoration:none;
width:150px;
}text-decoration:underline;
}/##########################################################################################/
#area2{
width:150px;
float:left;
margin:5px 30px;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}width:150px;
font:18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-align:center;
padding:3px;
}font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
margin:3px 5px;
text-decoration:none;
width:150px;
}text-decoration:underline;
}/##########################################################################################/
#area3{
width:200px;
float:left;
margin:5px 15px;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}width:200px;
font:18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-align:center;
padding:3px;
}font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
margin:3px 5px;
text-decoration:none;
width:150px;
}text-decoration:underline;
}Ok, não entendi nada. Se você postar o JS, ou melhor...
Coloque a página online que ficará melhor de entender. Até porque não temos as imagens do seu slideshow. Ai fica dificil.
Cara primeiramente obrigado por tentar ajudar, o slide que eu quero fazer é como o desse site: http://www.topfests.com.br/ onde a paginação aparece por cima das imagens :lol:
Você pode usar position:relative no container do slideshow e position:absolute no CSS do div que contém os links de paginação. Se você tiver o código para mostrar ajuda.