Buenas NECESITO AYUDA, me estoy volviendo loco. Estoy haciendo una pagina en la cual desde un submenu se carga una pagina que tiene un slyder, pero este no se carga bien, se me cargan todas las imágenes una debajo de otra. si le pinchas en el link muy rapido y seguido se carga bien. os pongo el enlace para que lo veáis.
www.joindesign.es/descargas/join/industrial2.html
Por favor podéis darme algunos consejos...
Si preferís os pongo el código...
Muchas Gracias por adelantado...
aquí pongo el codigo...
<!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>
<link rel="stylesheet" href="estilos/estilo2.css" type="text/css" />
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Joindesign - Union of ideas - </title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content1').load('home.html');
$('#nav a').click(function() {
var url=$(this).attr('href');
$('#content1').load(url);
return false;
});
});
</script>
</head>
<body>
<div id="contenido">
<div id="margen">
<ul>
<li style="background-color:#00C374"><a href="noticias.html"><img src="imagenes/noticias.png" border="none" style="margin-top:103px;"/></a></li>
<li style="background-color:#00693D"><a href="nosotros.html"><img src="imagenes/nosotros.png" border="none" style="margin-top:92px;"/></a></li>
<li style="background-color:#31B133"><a href="comunicacion.html"><img src="imagenes/comuni.png" border="none" style="margin-top:50px"/></a></li>
<li style="background-color:#90D400"></a></li>
</ul>
</div>
<div id="select">
<ul>
<li style="background-color:#90D400"><a href="industrial2.html"><img src="imagenes/indus.png" border="none" style="margin-top:30px"/></a></li>
</ul>
</div>
<div id="content1"></div>
<div id="nav">
<li><a href="up.html">up</a></li>
<li><a href="soft.html">Soft</a></li>
<li><a href="alineat.html">Alineat</a></li>
<li><a href="hug.html">Hug</a></li>
<li><a href="hanger.html">Hanger</a></li>
<li><a href="walabi.html">Walaby</a></li>
<li><a href="polvee.html">Polvee</a></li>
<li><a href="antique.html">Antique</a></li>
<li><a href="skytime.html">Skytime</a></li>
<li><a href="galilei.html">Galilei</a></li>
<li><a href="tree.html">Tree</a></li>
</div>
<div id="logo">
<a href="inicial.html"><img src="imagenes/marcag.jpg" border="none" width="100px" /></a>
</div>
</div>
</body>
</html>
Y la hoja de estilos...
a { color:inherit;}
a:focus {outline:0px;}
body { font-family:"HelveticaNeueLTStd"; color:#584d43; }
a:link{
text-decoration:none;
}
#contenido{
height:700px;
width:1100px;
margin: 0 auto;
}
#margen{
margin-top:-20px;
height:700px;
}
#margen ul li{
float:left;
overflow:visible;
width:18px;
height:700px;
display:inline;
}
#select ul li{
float:left;
overflow:visible;
margin-top:-716px;
margin-left:950px;
width:18px;
height:700px;
display:inline;
}
#nav{
font-family:Helvetica;
float:right;
width:60px;
height:10px;
color:#888;
text-align:left;
margin-left:990px;
margin-top:-450px;
text-decoration:none;
}
#content1{
width:800px;
height:400px;
margin-top:-600px;
margin-left:150px;
position:relative;
}
#logo{
margin-top:-63px;
float:left;
margin-left:1020px;
}
#imgprin{
width:800px;
margin-top:175px;
margin-left:50px;
}
Por favor si alguien puede echarme una mano...