entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

alinear secciones div

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
enter image description here

enter image description here

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

0voto

carlossevi comentado

¿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?

0voto

tonho.lb comentado

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 ;)

0voto

carlossevi comentado

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.

1 Respuesta

1voto

Leonardo-Tadei Puntos227010

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!

1voto

tonho.lb comentado

gracias Leonardo-Tadei, el código me ayudo bastante, carlossevi, en cuanto pueda, subo el código ;)

Editado: convertido en comentario de la respuesta.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta