Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/12/2013, 17:10
Avatar de herzbazi
herzbazi
 
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: Nivo slider descolocado

reemplaza el codigo de tu index todo por este , nota las rutas de imagenes , hojas de estilo, y jss tienes que cambiarlas por las que ya tienes tu ahi , yo las puse desde una http.

espero te sirva , asi es mucho mas facil de hacer usar divs

Código HTML:
Ver original
  1. <!doctype html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <title>Maru de la torre - Estudio de Yoga en Majadahonda - Madrid</title>
  5.     <!--Iniciscript de nivoslider-->
  6.     <script src="http://www.marudelatorre.com/js/jquery-1.9.1.min.js" type="text/javascript"></script> <!-- carga jQuery -->
  7.     <script src="http://www.marudelatorre.com/js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- carga plugin jquery.nivo.slider.pack.js -->
  8.             <script type="text/javascript">
  9.             $(window).load(function() {
  10.                         $('#slider').nivoSlider({
  11.                             animSpeed: 1000,
  12.                             pauseTime: 8000,
  13.                             });
  14.                         });
  15.             function MM_preloadImages() { //v3.0
  16.               var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  17.                 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  18.                 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  19.             }
  20.             function MM_swapImgRestore() { //v3.0
  21.               var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  22.             }
  23.  
  24.             function MM_findObj(n, d) { //v4.01
  25.               var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  26.                 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  27.               if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  28.               for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  29.               if(!x && d.getElementById) x=d.getElementById(n); return x;
  30.             }
  31.  
  32.             function MM_swapImage() { //v3.0
  33.               var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  34.                if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  35.             }
  36.             </script>
  37.     <!-- Final script de nivoslider-->
  38.     <!-- css de nivoslider-->
  39.     <link rel="stylesheet" href="http://www.marudelatorre.com/styles/nivo-slider.css" type="text/css" media="screen" /> <!-- carga estilo nivo-slider.css -->
  40.     <link rel="stylesheet" href="http://www.marudelatorre.com/styles/default.css" type="text/css" media="screen" />
  41.     <!-- css de nivoslider-->
  42.     <style>
  43.     body{
  44.         background-image: url(http://www.marudelatorre.com/images/fondo1600.gif);
  45.         color:#fff;
  46.     }
  47.     .container{
  48.         width: 960px;
  49.         margin:0 auto;
  50.     }
  51.     .cont{
  52.         display: inline-table;
  53.         margin-left: 0px;
  54.     }
  55.     ul.menu{
  56.         list-style: none;
  57.         margin-top: -50px;
  58.     }
  59.     ul.menu li{
  60.         display: inline-table;
  61.         padding: 5px;
  62.     }
  63.     ul.menu li a{
  64.         text-decoration: none;
  65.         color:#fff;
  66.     }
  67.         ul.menu li a:hover{
  68.         color:#fae002;
  69.     }
  70.     .nivo-controlNav{
  71.         display: none!important;
  72.     }
  73.     .redes{
  74.         display: inline-table;
  75.         width: 400px;
  76.     }
  77.     .redes img{
  78.         display: inline-table;
  79.         padding: 5px;
  80.     }
  81.     #copy{
  82.         margin-top: -30px;
  83.     }
  84.     #red{
  85.         width:150px;
  86.         margin-left: 400px;
  87.     }
  88.     .redes a img:hover{
  89.         width: 55px;
  90.     }
  91.     </style>
  92. </head>
  93.     <div class="container">
  94.         <div class="header">
  95.             <div class="cont">
  96.                 <img src="http://www.marudelatorre.com/images/social/335x100%20logo1.png" alt="logo">
  97.             </div>
  98.             <div class="cont">
  99.                 <ul class="menu">
  100.                     <li><a href="">yoga</a></li>
  101.                     <li><a href="">estilos</a></li>
  102.                     <li><a href="">talleres</a></li>
  103.                     <li><a href="">formación</a></li>
  104.                     <li><a href="">galeria</a></li>
  105.                     <li><a href="">profesores</a></li>
  106.                     <li><a href="">horarios</a></li>
  107.                     <li><a href="">tarifas</a></li>
  108.                     <li><a href="">dónde</a></li>
  109.                 </ul>
  110.             </div>                             
  111.         </div>
  112.         <div class="cuerpo">
  113.             <div class="banner">
  114.                 <div id="slider" class="nivoSlider">
  115.                       <img src="http://www.marudelatorre.com/images/900x500-01.jpg" alt="" title="maru de la torre - yoga" data-transition="slideInLeft" />
  116.                       <img src="http://www.marudelatorre.com/images/900x500-02.jpg" alt="" title="master en yogas modernos" data-transition="slideInLeft" />
  117.                       <img src="http://www.marudelatorre.com/images/900x500-03.jpg" alt="" title="formación de profesores" data-transition="slideInLeft" />
  118.                       <img src="http://www.marudelatorre.com/images/900x500-04.jpg" alt="" title="inmersión en el yoga 2013-2014" data-transition="slideInLeft" />
  119.                       <img src="http://www.marudelatorre.com/images/900x500-05.jpg" alt="" title="" data-transition="slideInLeft" />
  120.                  </div>
  121.             </div>
  122.         </div>
  123.         <div class="footer">
  124.             <div class="redes" id="copy">
  125.                 diseñado por <a href="http://www.vaquerizoarquitectos.com/" target="new">vaquerizoarquitectos</a>
  126.             </div>
  127.             <div class="redes" id="red">
  128.                 <a href=""><img src="http://www.marudelatorre.com/images/social/50x50%20mail2.png" alt="contacto"></a>
  129.                 <a href=""><img src="http://www.marudelatorre.com/images/social/50x50%20fb2.png" alt="facebook"></a>
  130.             </div>
  131.         </div>
  132.     </div>
  133. </body>
  134. </html>
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..