Problema con slider

[ruru91]

Hola a todos,

Tenia una duda me preguntaba como puedo centrar el slider y borrarle el número 1/4 que aparece debajo del slider.
Si necesitais el CSS os lo pego...

Foto -> http://subefotos.com/ver/?60a1cf1099195f6cb169705bb4a54164o.jpg#codigos


Gracias de antemano

[Bokoa]

Haría falta ver el código para poder ayudarte.

Un saludo.

[ebestudio]

Iniciado por ruru91

Hola a todos,

Tenia una duda me preguntaba como puedo centrar el slider y borrarle el número 1/4 que aparece debajo del slider.
Si necesitais el CSS os lo pego...

Foto -> http://subefotos.com/ver/?60a1cf1099195f6cb169705bb4a54164o.jpg#codigos


Gracias de antemano

Hola, la imagen está centrada y el 1/4 que aparece es parte de la imagen.

[ArturoGallegos]

amiga ruru91 para centrar el slider basta con indicarlo en su codigo CSS y para quitar los numero solo retire el codigo que los genera

sin codigo no hay mas ayuda, o seria mera adivinanza el intentar proporcionar mas ayuda

[ruru91]

hay os pongo el css de slider aver si encontrais la solución y no el slider no está centrado...

Thanks!

Código CSS:

/*--------- slider ---------*/
#slide { position:relative; overflow:hidden;  border-radius:12px; background:#ebebec; width:1000x; margin:20px auto 0 auto; padding:4px; z-index:2;}
 
.slider { width:750px; height:500px; margin:0 auto; position:relative; z-index:2; }
.items { display:none;}
 
.pagination { position:absolute; bottom:0px; left:0px; display:inline-block; background:url(../images/pagination-bg.png) 0 0 repeat; width:910px; padding:15px 0 14px 30px; border-radius:0 0 8px 8px; z-index:999 !important; }
.pagination li {float:left; margin-right:4px;}
.pagination a { display:block; width:21px; height:21px; background:url(../images/pagination.png) right 0 no-repeat; }
.pagination li.current a, .pagination li:hover a { background-position: 0 0;}
 
.prev {}
.prev:hover {}
.next {}
.next:hover {}
 
.banner{ z-index:1000 !important; position:absolute; top:356px; color:#fbebc4; right:0px;text-align:right; font-family: 'Condiment', cursive; font-size:24px; line-height:30px; color:#000000; width:700px; margin-right:30px;}
 

[Bokoa]

Iniciado por ruru91

hay os pongo el css de slider aver si encontrais la solución y no el slider no está centrado...

Thanks!

Código CSS:

/*--------- slider ---------*/
#slide { position:relative; overflow:hidden;  border-radius:12px; background:#ebebec; width:1000x; margin:20px auto 0 auto; padding:4px; z-index:2;}
 
.slider { width:750px; height:500px; margin:0 auto; position:relative; z-index:2; }
.items { display:none;}
 
.pagination { position:absolute; bottom:0px; left:0px; display:inline-block; background:url(../images/pagination-bg.png) 0 0 repeat; width:910px; padding:15px 0 14px 30px; border-radius:0 0 8px 8px; z-index:999 !important; }
.pagination li {float:left; margin-right:4px;}
.pagination a { display:block; width:21px; height:21px; background:url(../images/pagination.png) right 0 no-repeat; }
.pagination li.current a, .pagination li:hover a { background-position: 0 0;}
 
.prev {}
.prev:hover {}
.next {}
.next:hover {}
 
.banner{ z-index:1000 !important; position:absolute; top:356px; color:#fbebc4; right:0px;text-align:right; font-family: 'Condiment', cursive; font-size:24px; line-height:30px; color:#000000; width:700px; margin-right:30px;}
 

Para quitar el paginador también puedes poner display:none en la class pagination.

En cuanto a lo de centrar el slider sería óptimo que también pusieras el código HTML.

[ruru91]

Aquí teneis el código html, he probado a poner en el html <center> pero no ha funcionado =)

Código HTML:

<div class="main">
  <div class="slider">
            <ul class="items">
                    <li><img src="images/01.png" alt="" /><div class="banner">Los Niños de la Victoria&nbsp;</div></li>
                    <li>img src="images/02.jpg" alt="" /><div class="banner">Los Niños de la Victoria&nbsp;</div></li>
                    <li><img src="images/03.jpg" alt="" /><div class="banner">Los Niños de la Victoria&nbsp;</div></li>
                    <li><img src="images/04.jpg" alt="" /><div class="banner">Los Niños de la Victoria&nbsp;</div></li>
                    <li><img src="images/05.jpg" alt="" /><div class="banner">Los Niños de la Victoria&nbsp;</div></li>
                </ul>
 

[Bokoa]

Prueba añadiendo esta línea a tus CSS

Código:

.items li{text-align:center; list-style:none;}

Si no te funciona pásame el slider completo, supongo que lo habras sacado de internet.

¿Has conseguido eliminar el paginador?

[ruru91]

consegui arreglarlo, por lo visto era un tema de resolución de las fotos, y no he conseguido eliminar el paginador.

Gracias por todo!

[Bokoa]

Me alegro que lo hayas podido solucionar por ti mismo.

Un saludo.