Desplazamiento del sitio por un slider

[rw523252]

Hola tengo un sitio con un slider en la cabecera y se desplaza hacia un costado no encuentro el error en el css, si lo veo en el código con el Chrome, pero como dije no lo veo en el css para modificalo, la urles: http://www.fijate.saapy.com/

en el chrome sale lo siguiente,

Código HTML:

<ul id="gallery" style=[B]"width: 2850px; "[/B]>
        <li style="width: 950px; height: 200px; " class="selected"><img src="imagenes/slide_1.jpg" width="950" height="200" alt="girasoles"></li>
        <li style="width: 950px; height: 200px; " class=""><img src="imagenes/slide_2.jpg" width="950" height="200" alt="campo argentino"></li>
        <li style="width: 950px; height: 200px; " class=""><img src="imagenes/slide_3.jpg" width="950" height="200" alt="mesa de quesos"></li>
    </ul>
 

y en el css.

Código CSS:

element.style {
width: 2850px;
}
 

Y no puedo encontrarlo en el css.

[jomaruro]

Hola:

No entiendo tu problema, he visto tu página en IE8 y en FF y en los dos lo veo bien. ¿Has pensado en que el problema pueda estar en el código javascript?

Saludos.

[rw523252]

Gracias jomaruro, por prestarme ayuda, quizás no m eexpresé bien, sucede, que le veo en la parte inferior un scroll, que no debería tener, es como si el slider la desplazara hacia la izquierda, la vì con el firebug, modifiqué el ancho que daba algo 2850px, y cambia la forma del paso de las imagenes, en vez de pasar horizontales, pasan verticalmente, pero el sitio se mantiene a la izquierda, ya no se que probar, sinceramente, ayer lo probé en un hosting pago, y se sumó enl problema solo en ese hosting de que con el Chrome se ven los botones h:over, cortados por la mitad, si puedes fijarte la url es:http://www.victorraulbrusa.com.ar/. Nuevamente gracias y saludos.

[kseso?]

el scroll horizontal lo fuerza #copy debido al margen izquierdo.
Lo más rápido (pero el error persistirá) es añadir /oveflow:hidden/ a #pie

[rw523252]

kseso?, probé lo de #pie, y tenés razón, persisite el error, como decís que puedo reparalo al scroll horizontal y desde ya gracias. Saludos.

[rw523252]

Hola, le saqué el margin-left a #copy, y cambió muchísimo, como podré centrar el copyright, y repartir el espacio del fondo, gracias saludos, ahora lo subo a la web.

[fedefrankk]

Hola me tomo el atrevimiento para preguntarte o pedirte el codigo, como lo haces?, esta muy bueno y se de 10, hablo del slider.

Hola tengo un sitio con un slider en la cabecera y se desplaza hacia un costado no encuentro el error en el css, si lo veo en el código con el Chrome, pero como dije no lo veo en el css para modificalo, la urles: http://www.fijate.saapy.com/

Muy buena la presentacion de tu web, espero que no te moleste lo pedido
Saludos a todos y gracias .
Federico

[rw523252]

Hola Federico, el slide se llama newsslider. Lo encontrás en sitios que muestren slides en jquery, ahí descargás el zip, viene todo incluído, modificás el texto, cambiás las fotos, y eso, fijate, está en muchos sitios, en este momento no recuerdo uno, pero es sencillo de encontrar. Sino avisame, saludos.

[rw523252]

Pude centrar el sitio, tuve que re-hacer el footer, y se ve en IE 8, Mozilla, pero en el Chrome, se ve la mitad del menú en el over, alguien tiene idea de que puede ser?
la url es:http://www.victorraulbrusa.com.ar
Desde ya gracias.

[fedefrankk]

Hola "rw523252" .. encontre un slider, muy sencillo.. pero tengo un pequeño problema.

hice una web con botones y cada boton habre y cierra un div..

el asunto que dentro del boton galeria aparece invisible hasta que yo precione sobre ese boton.

lo llamo de la siguiente manera.

Código Javascript:

var we4=document.getElementById('de4');
    we4.style.display='block';
 

aparece el div, aparecen los botones del slider, pero no las imagenes..

Código HTML:

<div class="de" id="de4" style="display:none"> <!--///////// NUESTRO ESPACIO  ///////// -->   
<div class="fondo"></div>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider();
        });    
 
    </script>
 
<div id="container">
 
    <div id="content">
    
        <div id="slider">
            <ul>                
                <li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
                <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>            
            </ul>
        </div>
            
</div>
</div>
 

el CSS

Código CSS:

#container{    
        margin:0 auto;
        position:relative;
        text-align:left;
        width:696px;
        background:#fff;        
        margin-bottom:2em;
        }    
    #header{
        height:80px;
        background:#5DC9E1;
        color:#fff;
        }                
    #content{
        position:relative;
        }            
 
/* Easy Slider */
 
    #slider{}    
    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider 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{ 
        display:block;
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:71px;
        }    
    #nextBtn{ 
        left:696px;
        }                                                        
    #prevBtn a, #nextBtn a{  
        display:block;
        width:30px;
        height:77px;
        background:url(images/btn_prev.gif) no-repeat 0 0;    
        }    
    #nextBtn a{ 
        background:url(images/btn_next.gif) no-repeat 0 0;    
        }
 

Aclaro que las carpetas de las imagens estan bien, todo esta bien, si yo saco del div "<div class="de" id="de4" style="display:none">" le saco el estilo, si aparece la galeria, pero cuando pongo la web la galeria me aparece en el inicio tambien...

Espero que puedas darme una mano o aconsejarme....
Saludos y gracias.
Fede

[rw523252]

Hola Fede, yo soy nuevo en esto del diseño web, cuando hice el curso de web 1, este año continúa el 2, el profe, nos sugirió como novatos en jquery, que bajemos el jquery. Generalmente, viene con todos los archivos, js, img, thumbails, y el index. Bueno, basándote en el index, copia y pega, código en donde quieras ubicar la galería, también viene el css, en el index, copialo y pegalo como está en el index.
Cuando funcione como vos querés, sacale el css, lo ponés en una hoja de css, y lo vinculas al html que lo necesites vincular, en este caso la de la galería.
Podes modificar el css, y para centralizar el jquery, tenés que ponerle un div especial, con un nombre como centrado_de_jquery, para darle los margins.
Así he podido utilizar todos los jquerys que vienen con index.
Hay una galería muy buena que se llama minimalista, es moderna y tiene buenos efectos, para sliders, busca el wowslider setup, lo único te queda un link de tú sitio al de ellos si no lo comprás, para galerías el visual light box, también es un software sencillo de usar con bastantes versiones de galerías, saludos, y espero te sirvan estos datos.

[fedefrankk]

Hola, Muchas gracias por tu Info, vi los programas que me nombras, estan muy buenos, se agradece tu tiempo y tu info.
Muchos Saludos
Fede

[rw523252]

Hola Fede de nada, encontré dos más, uno para videos el videolightbox, podés incluir vodeos en webs http://videolightbox.com/es/index.html

Y otro para carritos de compras http://www.prestashop.com/en/showcase_demo/

Yo empecé a estudiar php MySQL, pero mientras tanto estos softwares ayudan, saludos.

[fedefrankk]

Hola, si estan muy buenos los programas.!!
Hay que saber mucho para hacer algo asi.
Muchas gracias.!!
Saludos
Fede