CURSO de CSS desde CERO 2021 - #29 - Colapsado de márgenes

[@josueserrano1455]

Déjame guardar esto vídeo en favoritos. Algo me dice que me sucederá muy a menudo 🤣🤣🤣

[@tomasponce9409]

Dorian la verdad que me quito el sombrero, tus explicaciones son de primer nivel, tu contenido es magistral. Muchas gracias por compartirlo gratuitamente! Saludos!

[@gascaiegs]

llevo ya una gran parte de videos consumidos y en este punto me sigo preguntando ¿porque Dorian no tiene mas visitas? esta información que brindas vale millones. por ultimo cuando llegue su tiempo y si se puede agregar a tu lista de videos por publicar el como hacer el famoso dropdown que aunque para algunos resulta facil para otros como a mi puede resultar un verdadero dolor de cabeza. para finalizar GRACIAS DORIAN.

[@DorianDesings]

Gracias a ti por tu apoyo y tus palabras 😸

[@paulavergara4433]

Yo creo que es porque la gente vive estresada. Yo antes trabajaba casi todo el día, y después hacía mis quehaceres. Entonces el poquito tiempo que tenía lo ocupaba relajándome, viendo tele o jugando. Ahora me enfermé grave y tuve que renunciar al trabajo, entonces estoy aprendiendo de esto, que lo veía complicado pero el joven lo sabe explicar muy bien.

[@hachetrescomacatorce2340]

jajaj ese CSS es un lokillo, ya veo por que los back end sufren tanto ajajajaj. Vamos a darle un premio oscar a dorian por este video. Cada vez que tengamos este problema y lo solucionemos, levanteremos nuestras copas por ud !!!!!

[@rodolfogonzalezg]

creo que son los frontend

[@franbx2554]

Dorian sin duda eres el mejor profesor que eh conocido 🥺🥺🥺🥺🥺🥺🥺🥺

[@luismonagas573]

Siguiendo el curso de CSS, de Dorian.. tooooodoooosss son excelentes.. Saludos desde Venezuela 26/01/2024

[@federicovaldez8032]

Estan tremendas las clases bro , e aprendido en dos dias lo que nunca podria haber aprendido ajjajajajajaj graciasssss

[@DorianDesings]

Pues esto sólo es el curso básico, si pillas el intermedio te va a explotar la cabeza!! jajajaja

[@centrodeinteres2083]

literalmente llegué a tu canal por esta duda que me tenia loco... gracias 😁

[@gamesytz1858]

saludos desde republica Dominicana, termine el curso de html ahora estamos aqui por mas

[@darfox997]

Muy prácticos esos truquillos del final. Justo estaba creando una página web para practicar lo que llevo aprendido y me pasó lo del colapso entre padres e hijos. Me estaba volviendo loco sin saber por qué pasaba ni cómo solucionarlo 🙏

[@dieguitto3528]

Se me saltan las lágrimas con este vídeo. GRANDEE!

[@FManuel_digital]

Muchísimas gracias por los vídeos. No he pasado horas en mi web intentando solucionar eso cuando la tenía con Drupal y nada... Eres grande.

[@seica5561]

UUUUUFFF.. Con razón no había podido controlar esto .. que bueno este video aclaratorio.. Saludos desde Venezuela (23/04/2021)

[@webdevelopment185]

Espero con ansias para #30.

[@DorianDesings]

En patreon por $1 tienes acceso hasta el vídeo 36, y en unas horas hasta el 40 :-) www.patreon.com/DorianDesings

[@micaelafoscalino1312]

Más que agradecida de cómo brindas información!!!! Tal cual como lo decís tu experiencia nos lleva a solucionar rápidamente estos detalles. Éxitos te deseo lo mejor!! 👏👏👏

[@williamjaimesj.1366]

Excelente explicación, como siempre

[@luisfeijoo9813]

MUCHAAAS GRACIAS AMIGO, ESTE VIDEO ME VINO COMO ANILLO AL DEDO JAJA. YA ME ESTABA VOLVIENDO LOCO POR ESE PROBLEMA QUE MENCIONAS.

[@vgonzaloms]

La información que necesitaba. Gracias!

[@nicolaspargade5649]

Muy buen video y muy buena explicación, gracias!

[@dcloki789]

muchas gracias por este excelente contenido y muy bien explicado.

[@rodolfogonzalezg]

Excelente curso, gracias. De mi parte haré todos sus cursos

[@RekoFZ]

Llegue al ultimo video. Ahora voy a la par OMG!

[@zetixmg]

Gracias, Dorian. Eres un crack!

[@leonardovioliorrantia8286]

excelente este video me lleva a tomar el curso completo ♫

[@jorgevalenzuelasandoval2386]

Súper buenos los trucos para solucionar el colapsado de márgenes entre padres e hijos. Me ha pasado como a muchos principiantes sin saber como arreglarlo. Lo malo es que no sabemos qué es lo que hacen esos trucos que los hace funcionar.

[@DorianDesings]

Esos trucos lo que hacen es crear separación entre los 2 márgenes para que no colapsen y así se soluciona el problema :-)

[@agustinpol5278]

Sos el uno Dorian 🙌

[@Sebastian_szz]

muy bueno el contenido. Lo que si, el colapsado del header, no daria problema si lo tenes con la propiedad "position: fixed;"

[@arnold0803]

no hay palabras para agradecerte Dorian simplemente eres el MEJOR !

[@alexandraherrera487]

excelente video solo espero acordarme de los trucos cuando me pase

[@danielaretama5762]

como siempre, ahora sé por qué mis css no funcionan como yo creería que lo harían, muchas gracias!!

[@ezziosamillan5853]

Muy bueno Dorian, que buen contenido que nos presentas, muchas gracias. Un saludo desde Perú

[@DorianDesings]

Saludos

[@eydersuarez7722]

Justo anoche estaba practicando los border-radius y trataba de mover un texto que puse dentro y me pasaba eso se movía toda la caja y el texto no hacía nada jejeje, Gracias por todo, cada día aprendo mas

[@gustavolima-iw2bq]

gracias Dorian por tu dedicación, contenido 100% recomendable

[@mnlpnzn289]

Buen video Maestro.. Yo agregaria.. h1 {margin-top: 0px; } .. y si tuviese varios h1.. empleo una clase.. y hasta luegoooo (que se lea con vuestro acento).

[@davidm.8835]

Muchas gracias a ti por explicar estos pequeños detalles. Pensaba que era el único q se volvía loco sin encontrar explicación...

[@antonioavalos468]

Profe, nos gustaría que hiciera un vídeo diciendo cuáles son los teclados recomendados para desarrollo web. Un saludo! Y gracias.

[@madian3296]

Grande Dorian

[@imanol4468]

Brutal el hack ese, grande Dorian!

[@alantrevino8348]

En lo general cuál es la forma ideal de eliminar el colapsado de márgenes padre-hijo porque he visto en algunos templates que hasta usan un display:table; clear:both; cuál es la forma que tu utilizas habitualmente me gustaría saber tu opinión dorian

[@marciahurtadomalleu1139]

Que buenos trucos, sin duda los empleare a diario, gracias.

[@ssky8745]

gran vídeo!!!

[@carmen7606]

Que mal se pasa cuando tienes ese problema y no sabes solucionarlo. Muchas gracias.

[@deshirenunezrivas1540]

Muchas gracias

[@juandanielvalderrama1485]

Gracias gracias gracias, la verdad eres el mejor te felicito

[@jhonyvillalta3366]

muchass gracias amigo :)

[@joaquingarcia4868]

muchas graciassss

[@cheloxo5884]

gracias

[@joseantoniobenlopez3240]

Gracias por tan buenos vídeos y por el esfuerzo que supone hacerlos.

[@sebastianandrada6047]

Esta información valle millones

[@maadeval]

Muy buena clase GENIO!!! 🙌

[@Cristian_83]

Con overflow auto , tambien me quito el margen top del .header

[@raulpadilla3238]

canelita fina, como siempre 👌

[@luzrobledo4349]

Hola! el problema del margen del titulo pude solucionarlo poniendo al title margin 0 y paggin top 20px(por ej), y obtuve el mismo resultado en lugar de usar overflow hidden, ¿existe alguna consecuencia o contradicción para esto?

[@baskcuber]

Excelente video profe! Ahora ya se como solucionarlo :D

[@alexanderbriceno3142]

tengo una duda si en lugar de margin -top uso padding-top en el title?

[@anthonysistems]

gracias por el video fino

[@JavierRodriguez-kn3gp]

¿cual sería la razón por la cual alguien, una vez que ponga margin-bottom, tenga que poner margin-top al otro elemento?

[@HylianNBf]

Trucaso , a mi me pasaba gracias

[@pabloduarte4470]

Dorian, si como bien dices, la forma de solucionar el colapsado de márgenes es trabajar sólo con el margin-bottom de los elementos, ¿sería una buena práctica hacer esto?: * { margin-top: 0px }

[@DorianDesings]

Nop, para que le vas a añadir a todos los elementos un margin top? Es añadir una propiedad que en la mayoría de los elementos no necesitas, y que vas a tener que sobrescribir en muchos casos

[@pabloduarte4470]

@@DorianDesings Gracias por responder. La idea es asegurar que todos los márgenes verticales estén controlados por los margin-bottom que pongas explícitamente a cada elemento. Hay algún caso donde puede ser interesante tener un margin-top distinto de cero?

[@Matias_Heinze]

bootstrap también soluciona este error de forma automática

[@chalvarenga96]

Que hace exactamente el overflow: hidden;?

[@DorianDesings]

Aquí te lo explico todo :-) kzbin.info/www/bejne/l4WzY4d8oMyha9k

[@chalvarenga96]

@@DorianDesings Excelente, muchas gracias.

[@creacionesbrunila]

❤️

[@apachai8045]

eso es trucazo!

[@fernando6547]

para Brave no da :(

[@HDRender]

No entiendo por qué no han corregido estos "fallos" o al menos poner una solución como una propiedad tipo "box-sizing: borderbox" que cambiara el comportamiento. No es que CSS sea un lenguaje en pañales.

[@DorianDesings]

La hay, pero aún no tiene mucho soporte por los navegadores, nos toca esperar a que la implementen y seguir usando trucos de este estilo. Un saludo!!

[@davidcanalespaez4967]

CSS está maldito

[@josemanuelberrios7390]

Pues ahora el profe pone hacks de CSS WTF