¿Cómo centrar el control deslizante en css?

2 minutos de lectura

avatar de usuario
Vehículos todo terreno de Blackburn

Instalé este complemento en un tema. Este tema tenía un control deslizante, pero no me gustó. Así que instalé este.

http://wordpress.org/extend/plugins/content-slide/

Intenté usar esto

#wpcontent_slider_container{
position:relative;
margin: 0 auto;
}

Y esto

#wpcontent_slider_container{
position:relative;
margin-left:auto;
margin-right:auto;
}

Y no pasa nada.

¿Tengo que poner algo en div?

  • ¿Quieres centrar este #wpcontent_slider_container o el contenido en #wpcontent_slider_container?

    usuario1432124

    6 de junio de 2012 a las 12:14

  • Así es como quiero verme dodaj.rs/f/2x/Ay/39nHZAWw/slider-center.jpg

    – Blackburn Rovers

    6 de junio de 2012 a las 13:50


  • intente recrear el problema con jsfiddle, para que podamos editar el violín y solucionarlo. El css debe ser ancho: x, margen: 10px auto; y el padre también debería tener un ancho y tal vez float:left;

    – Rubén

    6 de junio de 2012 a las 14:12

Cambiar ancho

#wpcontent_slider_container{
    width: 500px;
    margin:0 auto;
}

  • prueba #wpcontent_slider_container{posición:absoluta; margen izquierdo:Xpx; margen superior:Xpx; } …

    usuario1317647

    6 de junio de 2012 a las 13:03

  • Lo mismo de nuevo. Además, no tengo ninguna otra posición absoluta en css.

    – Blackburn Rovers

    6 de junio de 2012 a las 13:22

Si conoce el ancho del control deslizante, aquí hay una pequeña solución que funcionó para mí cuando la alineación central estaba siendo obstinada.

#sliderDiv{
   position:relative;
   left:50%;
   margin-left:-(half the width of the div);
  (ex. if div is at 500px it would be margin-left:-250px;)
 }

No es bonito, pero funciona. Sin embargo, es posible que deba ocultar el desbordamiento horizontal del contenedor exterior.

avatar de usuario
Ajay Patel

#wpcontent_slider_container{
text-align: center;
}

o usar <center> Etiqueta

avatar de usuario
jbaums

Finalmente puedo solucionar el problema con la ubicación del control deslizante en mi página web.

Solo modifica el style.css , .main_img { float:left; margin:15px 10px 0 60px}cambie los valores.

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad