[jQuery] Slidemenu + Image Problem
Hi there, i've a slidemenu panel, and when i put some image inside this
panel, or add a background-image, the links inside don't work, the
images don't show and the input doesn't seen to work, it seens there is
something over those objects, someone can help-me?
P.S.: It works fine in FF an IE7, only in IE6 that doesn't work, and
another think, i'm brazilian, PT-EN!!
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#painel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
<!-- Painel -->
<div class="p_painel">
<!-- Conteudo Painel -->
<div id="painel">
<div id="painel1">
<span class="texto5">LOGIN |</span> <a href="#"
class="texto6">Não é cadastrado?</a>
</div>
<div id="painel2">
<div id="painel21">
********** These don´t work*************
<input type="txt" class="input5">
<input type="password" class="input5">
</div>
<div id="painel22">
********** This doen´t show *************
<img src="images/slidepanel/ok.png"
style="position:relative;">
</div>
</div>
<!-- Conteudo Painel -->
</div>
<!-- Botão Painel -->
<div align="right" class="aba">
<div class="btn-slide" align="left"><span id="valor">R$
(0,00)</span></div>
</div>
<!-- Fim Painel -->
</div>
css
/* Tamanho do Painel */
#painel {height:90px;;width:339px;display:none;position:relative;}
#painel1{padding-top:15px;height:19px;padding-left:15px;width:324px;}
#painel2{padding-top:13px;height:43px;padding-left:15px;width:324px;}
#painel21{height:20px;width:280px;background-color:red;}
#painel22{height:20px;width:30px;margin-top:-20px;margin-lefT:280px;}
/* Posição do Painel na Tela */
.p_painel {position:absolute;margin-left:620px;}
/* Toda a Aba = a largura do Painel */
.aba {width:339px;}
/* Área do botão qnd ñ ativa */
.btn-slide {font-family:"Trebuchet
MS";font-size:10px;padding-top:7px;padding-left:98px;width:65px;height:23px;color:#fff;text-decoration:none;background-image:url(../images/slidepanel/back_login1.png);cursor:pointer}
/* Área do botão qnd ativa */
.active
{margin:0;padding:0;padding-top:7px;padding-left:98px;width:65px;height:23px;background-image:url(../images/slidepanel/back_login2.png);cursor:pointer}