Underc0de

Foros Generales => Dudas y pedidos generales => Mensaje iniciado por: Vuls en Julio 14, 2019, 12:19:38 AM

Título: [SOLUCIONADO] Posicionamiento HTML y CSS
Publicado por: Vuls en Julio 14, 2019, 12:19:38 AM
Hola, estoy haciendo una página de notas y cada nota se almacena en una db y se muestra en pantalla mediante un div (ancho y alto automáticos)y quería posicionar las notas de la misma forma como por ejemplo una página llamada tumblr , tengo el problema alguien te:
Imagina tres tarjetas la tercera tiene más altura que las demás pero al quere ubicar la cuarta tarjeta debajo de la primera no quedan juntas sino que las separa el espacio de la tercera tarjeta  como podría solucionar eso
Título: Re:Posicionamiento HTML y CSS
Publicado por: hielasangre en Julio 14, 2019, 01:54:29 AM
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Hola, estoy haciendo una página de notas y cada nota se almacena en una db y se muestra en pantalla mediante un div (ancho y alto automáticos)y quería posicionar las notas de la misma forma como por ejemplo una página llamada tumblr , tengo el problema alguien te:
Imagina tres tarjetas la tercera tiene más altura que las demás pero al quere ubicar la cuarta tarjeta debajo de la primera no quedan juntas sino que las separa el espacio de la tercera tarjeta  como podría solucionar eso

Lo puedes dibujar y sacarle una foto? no alcanzo a entender que hay que hacer :v
Título: Re:Posicionamiento HTML y CSS
Publicado por: Mortal_Poison en Julio 14, 2019, 02:05:27 AM
Buenas Vuls, (https://underc0de.org/foro/profile/Vuls/)

¿Podrías especificar más tu problema por favor? de esa forma podríamos ayudarte creando algo rápido en html para que lo adaptes a lo que necesites.

Un saludo.
Título: Re:Posicionamiento HTML y CSS
Publicado por: Vuls en Julio 14, 2019, 02:56:20 AM
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Buenas Vuls, (https://underc0de.org/foro/profile/Vuls/)

¿Podrías especificar más tu problema por favor? de esa forma podríamos ayudarte creando algo rápido en html para que lo adaptes a lo que necesites.

Un saludo.


Claro no me encontraba en la computadora en ese momento, ya te muestro en imagenes como seria.
Asi es como lo tengo actualmente:
(https://i.gyazo.com/2d3cdc9c8971ff739eddfb42da4d31fb.png)
y quisiera que las cuadriculas de las notas estuviera de una forma similar a esta:
(https://i.gyazo.com/58ddce2c7f8a9d64f00036c5c72c749f.png)

el problema que tengo como lo pueden observar en la primera imagen es que la cuarta nota(lorem large) quiero que se posicione debajo de la primera(nota 1) y asi sucesiva mente, que todas las notas queden juntas sin importar que una sea mas larga que la otra
Título: Re:Posicionamiento HTML y CSS
Publicado por: hielasangre en Julio 14, 2019, 03:18:30 AM
te pongo unos ejemplos a ver si te sirve alguno:

https://codepen.io/steffodimfelt/pen/dYBeYo
https://codepen.io/websanya/pen/Ljrnh

creo que el mejor es este (el que más se adecua a lo que buscas)
https://codepen.io/oriolfg/pen/avztJ

pd: estan segmentados los codigos, y hasta puedes descargarlo. ojalá te sirva, un saludo.
Título: Re:Posicionamiento HTML y CSS
Publicado por: jeslu08 en Julio 14, 2019, 10:49:11 AM
muchas gracias