Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/08/2011, 23:32
ianmb1979
 
Fecha de Ingreso: agosto-2011
Mensajes: 1
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta Por que no funciona con Internet explorer

Hola alguien me prodria ayudar con este codigo no me funciona en Internet explorer

Muchas gracias
Código HTML:
Ver original
  1. [HIGHLIGHT="HTML"][HIGHLIGHT="HTML"][HIGHLIGHT="HTML"]
[/HIGHLIGHT][/HIGHLIGHT][/HIGHLIGHT]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Nuestros Productos</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: false,
continuous: true
});
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<style type="text/css">

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */

#container{
margin:0 auto;
position:relative;
text-align:left;
width:696px;
background:#fff;
margin-bottom:2em;
}

#content{
position:relative;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(Imagenes/Nuestros%20Productos/btn_prev.gif)no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(Imagenes/Nuestros%20Productos/btn_next.gif)no-repeat 0 0;

}

#container{top:250px}


</style>


</head>

<body id="body2">

<div id="contenedor">




<div id="container">

<div id="content">

<div id="slider">
<ul>
<li><img src="Imagenes/Nuestros Productos/03.jpg"alt="foto" /></li>
<li><img src="Imagenes/Nuestros Productos/01.jpg"alt="foto" /></li>

</ul>
</div>

</div>

</div>




</div>



</body>
</html>