Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/07/2013, 15:10
Avatar de jimadri
jimadri
 
Fecha de Ingreso: julio-2006
Ubicación: Buenos Aires
Mensajes: 487
Antigüedad: 18 años, 4 meses
Puntos: 1
Un DIV me desarma todo

Hola amigos,

Venia bien con el maqueto en div y apilamiento de los mismos hasta que puse un div que contiene un slideshow y es ahi donde dejé de ver todo lo que estaba antes.

Código CSS:

Código CSS:
Ver original
  1. #contenedor {
  2.     width:1002px;
  3.     height:520px;
  4.     background-color:#900;
  5.     }
  6. #fotos {
  7.     width:763px;
  8.     height:520px;
  9.     background-color:#999;
  10.     position:relative;
  11.     z-index:1;
  12.     }
  13. #lateral_derecho {
  14.     width:239px;
  15.     height:520px;
  16.     background-color:#FF0;
  17.     float:right;
  18.     }
  19. #barra_aplha {
  20.     width:763px;
  21.     height:94px;
  22.     background-color:#969;
  23.     position:absolute;
  24.     top:441px;
  25.     }
  26. #logo {
  27.     width:auto;
  28.     height:auto;
  29.     position:absolute;
  30.     top:320px;
  31.     left:30px;
  32.     z-index:999;
  33.     }

HTML:

Código HTML:
Ver original
  1. <div id="contenedor">
  2. <div id="lateral_derecho"></div>
  3. <div id="fadeshow2">
  4. <div id="logo"><img src="img/logo.png" width="242" height="185" /></div>
  5. <div id="barra_aplha"></div>
  6. </div>
  7. </div>
  8. </body>

Dentro del head incluí lo siguiente:
Código Javascript:
Ver original
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="fadeslideshow.js"></script>
  3.  
  4. <script type="text/javascript">
  5.  
  6. var mygallery=new fadeSlideShow({
  7.     wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
  8.     dimensions: [763, 520], //width/height of gallery in pixels. Should reflect dimensions of largest image
  9.     imagearray: [
  10.         ["imagenes/01h.jpg"],
  11.         ["imagenes/02h.jpg"] //<--no trailing comma after very last image element!
  12.     ],
  13.     displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
  14.     persist: false, //remember last viewed slide and recall within same session?
  15.     fadeduration: 700, //transition duration (milliseconds)
  16.     descreveal: "ondemand",
  17.     togglerid: ""
  18. })
  19.  
  20. </script>

El link para descargar el slide es este:

https://docs.google.com/file/d/0B_gY...it?usp=sharing

Y la maqueta sería esta:

https://docs.google.com/file/d/0B_gY...it?usp=sharing

Espero puedan ayudarme.

GRACIAS!