Question

que tal, una duda, como puedo subir mis elementos (div), intente colocar algo que encontré aquí y que no tenia en mi archivo

<div id="marco">
<div id="contenedor">

    <div class="cont1" class="row">Gris</div>

y no me funciono

lo que quiero es que la pagina se deslice de manera horizontal
en otra web encontre un archivo demo de como se hacia, pero me resulto mas sencillo lo que yo estoy haciendo

por cierto las funciones son:

function gris(){
    $("#contenedor").animate({"right": "0px"}, [1000], "fast");
};

function naranjabajo(){
    $("#contenedor").animate({"right":"1280px"}, [1000], "fast");
};

voy bien o se me paso algo

de antemano muchas gracias

Comments

¿Podrías compartir el código de tal manera que podamos copiarlo y probarlo? Por otro lado mencionas un par de cosas: Por un lado que quieres alinear los divs superiormente y por otro que quieres animarlo. ¿Tienes problemas con las dos cosas?

---

que tal, mira, lo que encontré en otra web es:
http://manuelbaronetti.com.ar/blog/2013/05/simple-script-para-lograr-scroll-suave-horizontal-o-vertical/
pero se me hizo muy complicado,
dentro del div contenedor es donde se encuentran cada una de las div con colores separados, ya tengo casi todo, solo necesito que no aparezcan en escalera, quiero cada recuadro (cada color) en la parte superior, no se si me di a entender ;)

---

Te diste a entender, pero si no nos compartes la página pública o el código completo (HTML, CSS y JS) lo vamos a tener difícil para ayudarte. Están muy bien los pantallazos para entender el problema, pero ahí no disponemos de todo el código para hacer pruebas.

Answer 1

Hola,
si lo que querés es que todos los DIV estén en la misma línea, lo que tenés que hacer es definir el siguinte estilo a aplicar a cada uno:

.row{
  display: inline-block;
  width: 25%; /* El valor del ancho debe ser 100% / cantidad de div */
}

Saludos!