Un DIV me desarma todo

jimadri · #1 (**permalink**) 31/07/2013, 15:10

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#contenedor {
    width:1002px;
    height:520px;
    background-color:#900;
    }
#fotos {
    width:763px;
    height:520px;
    background-color:#999;
    position:relative;
    z-index:1;
    }
#lateral_derecho {
    width:239px;
    height:520px;
    background-color:#FF0;
    float:right;
    }
#barra_aplha {
    width:763px;
    height:94px;
    background-color:#969;
    position:absolute;
    top:441px;
    }
#logo {
    width:auto;
    height:auto;
    position:absolute;
    top:320px;
    left:30px;
    z-index:999;
    }

HTML:

Código HTML:

Ver original<body>
<div id="contenedor">
<div id="lateral_derecho"></div>
<div id="fadeshow2">
<div id="logo"><img src="img/logo.png" width="242" height="185" /></div>
<div id="barra_aplha"></div>
</div>
</div>
</body>

Dentro del head incluí lo siguiente:

Código Javascript:

Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js"></script>
 
<script type="text/javascript">
 
var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
    dimensions: [763, 520], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["imagenes/01h.jpg"],
        ["imagenes/02h.jpg"] //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 700, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
})
 
</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!

pzin · #2 (**permalink**) 31/07/2013, 15:18

¿Y cuál es el problema? No está como estabas antes es una vaga explicación. Tendrás que orientarnos un poco.

jimadri · #3 (**permalink**) 31/07/2013, 15:21

Cita:

Iniciado por pzin

¿Y cuál es el problema? No está como estabas antes es una vaga explicación. Tendrás que orientarnos un poco.

Perdón,

Antes podía ver el esquema como lo presenté y cuando agrego el DIV de "fadeshow2" solo termino viendo un rectangulo negro y nada mas que eso.

pzin · #4 (**permalink**) 31/07/2013, 15:25

Uhmm.

¿Aquí es como quieres que se vea? ¿Y cómo se ve con el slideshow?

También tendrías que aportar el código CSS del slideshow.

jimadri · #5 (**permalink**) 31/07/2013, 15:31

Cita:

Iniciado por pzin

Uhmm.

¿Aquí es como quieres que se vea? ¿Y cómo se ve con el slideshow?

También tendrías que aportar el código CSS del slideshow.

Si miras mi posteo, ahí dejé el link para descargarlo.
Cuando pongo el slide, termina tapando al "logo" y a "barra_alpha" con un rectangulo negro.

pzin · #6 (**permalink**) 31/07/2013, 15:32

Lo siento pero no voy a descargarlo.

jimadri · #7 (**permalink**) 31/07/2013, 15:34

Cita:

Iniciado por pzin

Lo siento pero no voy a descargarlo.

Es mucho script y no me deja ponerlo. Que gracia tiene que preguntes si ayudas a medias?

Gracias igual

pzin · #8 (**permalink**) 31/07/2013, 15:42

Ayudo en la medida que me dejan ayudar. Existiendo servicios como jsfiddle, codepen, jsbin, etc, no tengo porqué —o no quiero, vaya

— descargar ninguna cosa de ningún sitio.

jimadri · #9 (**permalink**) 31/07/2013, 15:59

Cita:

Iniciado por pzin

Ayudo en la medida que me dejan ayudar. Existiendo servicios como jsfiddle, codepen, jsbin, etc, no tengo porqué —o no quiero, vaya

— descargar ninguna cosa de ningún sitio.

No dejes afuera a Google Drive que es lo que usé en este caso. Perdón si no estoy a tu altura, estoy aprendiendo.

metacortex · #10 (**permalink**) 02/08/2013, 11:31

Cita:

Iniciado por jimadri

No dejes afuera a Google Drive que es lo que usé en este caso. Perdón si no estoy a tu altura, estoy aprendiendo.

"Estás aprendiendo" pero eres soberbio. No deberías molestarte porque alguien no quiere descargar tu archivo, menos aún con alguien que te está prestando su ayuda desinteresada y gratis. Con esos humos, lo que te queda es pagarle a un maquetador que te haga el trabajo.