Guía sobre Position en CSS

Поделиться
HTML-код
  • Опубликовано: 26 сен 2024
  • En este video les voy a explicar todo acerca de una propiedad muy importante en CSS, la propiedad Position
    Curso GRATUITO Diseño Web desde cero: www.udemy.com/...
    Curso Diseñador Web Profesional: www.udemy.com/...
    Curso de JavaScript: www.udemy.com/...

Комментарии • 534

  • @raptorsovietico
    @raptorsovietico 3 года назад +157

    Uno cuando conoce estos términos se imagina que absolute está por encima de relative, cuando la realidad es que absolute necesita de relative para posicionarse. Sos un genio, mil gracias!

    • @william3588
      @william3588 2 года назад +2

      me pasa exactamente igual jajaja

    • @Jesus_Leandro
      @Jesus_Leandro 2 года назад

      X2

    • @luisparra7487
      @luisparra7487 2 года назад +5

      me paso, no entendia una poronga pero esta explicacion si esta clarisima, ahora tambien tiene mas sentido el z-index

    • @zurdoshdptiemblen
      @zurdoshdptiemblen Год назад +1

      x3

  • @TheFenixGam3r
    @TheFenixGam3r 3 года назад +574

    Me da gracia que, de un curso de pago, tenga que venir aquí para entenderle mejor jajaja Muchas gracias!

    • @ferxival
      @ferxival 3 года назад +12

      Igual yo! jajaja

    • @juanotavalo
      @juanotavalo 3 года назад +6

      igual yo jajajajaja

    • @gollosilva7406
      @gollosilva7406 3 года назад +5

      Igual yo

    • @jlif6305
      @jlif6305  3 года назад +44

      Me alegra que pudieran entender! Les recomiendo mis cursos de pago en udemy. Les va a servir muchísimo. Si quieren puedo darles cupones de descuento

    • @ivanvasquez6159
      @ivanvasquez6159 3 года назад +1

      @@jlif6305 de que son los cursos?

  • @FernandoGoni-eq2hg
    @FernandoGoni-eq2hg 4 года назад +121

    No puedo creerlo, por fin lo entendi.
    Muchas gracias!

    • @waltermova11
      @waltermova11 4 года назад +6

      de la misma manera, varios tutoriales al respecto no se dejaban entender.

    • @galo7486
      @galo7486 4 года назад +2

      X2

    • @lmatt88
      @lmatt88 3 года назад +1

      Yo tambien !! terrible matete tenia

    • @Fran-vl8jd
      @Fran-vl8jd 2 года назад +1

      daban mucha vuelta los otros, tanto les contaba decirlo como lo dijo el del video?

    • @Irvin_Gonzalez
      @Irvin_Gonzalez Год назад

      ​@@lmatt88 jajajaj igual me estaba volviendo loco al no saber por que los elementos se iban a donde les daba la gana ahora yo lo entiendo

  • @luismanuelsevillarivera2625
    @luismanuelsevillarivera2625 9 месяцев назад +6

    Que manera tan eficiente de explicar esta tematia, grande vos. Te agradezco un monton. Grande el video,

  • @joelizaguirre5282
    @joelizaguirre5282 2 года назад +7

    Con un solo video de 8 minutos, lo entendí mas que 3 horas de mi profesor, sos un genio sigue así!

  • @egomez.c
    @egomez.c 7 месяцев назад +1

    Nunca había entendido esto... Por fin alguien que lo explica de una manera super fácil de entender. ¡Mil gracias!

  • @noeliaraffaelli9802
    @noeliaraffaelli9802 3 года назад +11

    Nunca nadie explicó tan claramente este tema. Un genio!

  • @michaelaviles4295
    @michaelaviles4295 3 года назад +23

    Mijo, no se rinda, usted imparte muy buen contenido y bien explicado.

  • @michaelpazmino4867
    @michaelpazmino4867 6 месяцев назад +1

    que buena clase, me estaba partiendo la cabeza buscando la forma de posicionar mis elementos.

  • @vanessamor1383
    @vanessamor1383 6 месяцев назад +1

    Muy buena.la.explicacion ,creo q no encontre videos q expliquen para que es cada uno . !mil gracias mas videos !un genio! Estoy aprendiendo y me.encanto!😊

  • @franvelsa
    @franvelsa 3 года назад +3

    Me sorprendi porque por fin lo entendi!, habia visto cientos de videos y nada.. Felicitaciones grandiosa explicacion!

  • @Mscasaux
    @Mscasaux 3 года назад +7

    che, gracias loco...me estan matando los posicionamientos...el float, el flex, el grid.... =S cuanto más aprendo, más inquietudes y más me pregunto qué propiedad usar , pero esto me encamina un poco más, gracias!

  • @rodrigog8969
    @rodrigog8969 3 года назад +5

    Sos un capo, alfin entendi, el contenedor tenía q ser relative, algo tan importante ni mi maestro nos dijo. Y varios vídeos en RUclips tampoco lo dicen.

    • @GAST0N
      @GAST0N 3 года назад

      El contenedor tiene que estar posicionado ya sea con relative, absolute, fixed, sticky. Así puede funcionar el Absolute.

    • @dangerosa01
      @dangerosa01 2 года назад

      no hace falta

  • @franciscofreep
    @franciscofreep 3 года назад +2

    Jajajaja eres un capo, llevaba unos días que no entendía en clases y vos en 8 minutos me aclaraste todas las dudas 🤣 muchas gracias

  • @florpistan
    @florpistan 3 года назад +1

    Hola, gracias por el video. Me sirvió un montón y me ayudó a salir de un bloqueo!

  • @carlajiguan2704
    @carlajiguan2704 3 года назад +2

    Oro puro tus videos, muchisimas gracias, ahora todo es tan claro y entendible *llorar de la emocion

  • @drujas
    @drujas 2 года назад +2

    Claro, conciso y fiable! Gracias Jonathan.

  • @louisdelahoz1861
    @louisdelahoz1861 2 года назад

    Nojoda me suscribi de una porque, al fin alguien que explica todo minusiosamente vale.

  • @tamiivillanueva4362
    @tamiivillanueva4362 3 года назад +1

    Dioss, esto es lo que necesitaba, me leí tantas páginas y con ninguna terminaba de entender, ninguna tenía ejemplos, loviu

  • @MiauMichigan
    @MiauMichigan 3 года назад +2

    G R A C I A S ! Veo que no soy la única con problemas con esto. Sos el primero al que le entiendo bien!!!

  • @tuvioladoropresorymachista2704
    @tuvioladoropresorymachista2704 Год назад +1

    la mejor explicacion de posicion que enconter en youtube

  • @JuanCarlos-ox3dc
    @JuanCarlos-ox3dc 3 года назад +2

    Claro, preciso y conciso. Que clase magistral se ha dado doctor.

  • @gonzalohoraciomartin823
    @gonzalohoraciomartin823 2 года назад

    Fué genial tu explicación Jonathan gracias por tu tiempo y compartir tu conocimiento. Un abrazo desde Córdoba.

  • @tizianovera5120
    @tizianovera5120 3 года назад +1

    eres un crack.. tienes el don de la enseñanza.. y que bueno que tomas tu tiempo para enseñar a otros.. yo no entendia..hasta que vi el video

  • @Robbedjet
    @Robbedjet 2 года назад +2

    corto, conciso y muy bien explicado... Como debe ser.

  • @ayrtonbolwal
    @ayrtonbolwal Год назад +2

    Nunca falta que ya te sepas la mayoría de atributos de CSS, pero siempre se te olvida para que funciona cada uno y tienes que regresar a un video de estos, grande maestro!

  • @bryanc.9119
    @bryanc.9119 2 года назад +1

    lo que mi profe intentó explicarme en media hora lo hiciste en 5 minutos, gracias amigo

  • @Krichote
    @Krichote Год назад

    Capo, genio, tanto curso me comí y vos en 5 minutos me lo explicaste. Sos groso. GRACIAS!

  • @luanabaratta
    @luanabaratta 3 года назад +1

    soy de Brasil y me encantan tus videos.. estoy por terminar tu curso en la Udemy.. gracias ... sos un pibe de oro!

  • @montevideooculto
    @montevideooculto 3 года назад +1

    increible! el video mejor explicado de toda youtube jaja..q bien te felicito..cortito y a la ves conciso

  • @wVLADw
    @wVLADw 3 года назад +1

    Cuando uno sabe realmente. Lo puede explicar así de fácil! Gracias!

  • @hikaruhorunobu
    @hikaruhorunobu 9 месяцев назад +1

    Con este video te ahorras horas de estudio. Ahora falta practicar. Muchas gracias

  • @renzo4898
    @renzo4898 3 года назад +1

    Excelente explicación. nada de floro y directo al grano.

  • @VanHelsing2021
    @VanHelsing2021 3 года назад +1

    Excelente es el mejor video que he visto explicando la propiedad positiong

  • @AlanAdrianVega
    @AlanAdrianVega 7 месяцев назад

    hermano gracias, no entendia nada hasta que explicaste con tanta claridad, pasaron 4 años de la creacion del video, hasta ahora ayuda novatos como yo

  • @sebastianacosta4677
    @sebastianacosta4677 3 года назад +6

    Muy buena Explicacion . lo unico que falto es la aplicacion de la funcion Calc de css- ... seria calc(50%-20px) para calcular automaticamente el centrado tanto horizontal o si se quiere vertical..slds

  • @yaneriperdomo8807
    @yaneriperdomo8807 Год назад +1

    Casi 3 horas pensando de como funciona y pues muchas gracias lo simplificaste en un video corto. :D

  • @gianfrancoscalese4493
    @gianfrancoscalese4493 2 года назад

    Genio total, me esta rompiendo la cabeza para entenderlo. CRACK!!!

  • @Foo678
    @Foo678 2 года назад +13

    Gracias buen video
    PD: chicos para que el circulo este al medio del cuadrado pongan
    top: 0
    left: 0
    bottom: 0
    right: 0
    margin: 0

  • @LEO_BONFIETTI
    @LEO_BONFIETTI 2 года назад

    Sos un genio!!! Lo más entendible q encontré, gracias

  • @hectorparcero8783
    @hectorparcero8783 3 года назад +4

    Tienes una forma de explicar que hiciste que entendiera cuando no no había entendido en ningún otro lado :0 gracias en verdad

  • @juliopaez9989
    @juliopaez9989 Год назад +1

    Explicación magistral como juega relative y absolute. Muchas Gracias

  • @claracano9776
    @claracano9776 2 года назад

    Clarísimo, gracias!! Me estaba volviendo loca para ver cómo superponer la foto de CV sobre fondo para un Portfolio je

  • @santiagofolloni7209
    @santiagofolloni7209 Год назад

    Re bien explicado! no lo terminaba de entender hasta que encontré tu video. Muchas gracias, me suscribo!

  • @puntoclave2175
    @puntoclave2175 2 года назад

    que buen video amigo, en todos lados lo explican re complicado, te ganaste mi like

  • @primoviaje
    @primoviaje Год назад

    Excelente la forma que me aclaraste esta duda..! Gracias y felicitaciones...!!

  • @mrpantufla3864
    @mrpantufla3864 Год назад

    Explicación perfecta, me estaba rompiendo la cabeza viendo como funcionaba y en 2 patadas lo dejaste clarito como el agua

  • @cristianonek
    @cristianonek 3 года назад

    Muy buena explicación. Y eso que hay vídeos de 5 minutos que te quieren encajar el concepto en tiempo record pero sin darte tanto detalles. Te felicito por el vídeo. Muy bueno y entendible...

  • @LinaGomez-t1h
    @LinaGomez-t1h 6 месяцев назад

    Hermano, mil gracias a la distancia, era justo lo que estaba buscando.

  • @sebastiancardenas6949
    @sebastiancardenas6949 2 года назад

    Re contra clara la explicacion..el mejor video que encontre despues de ver varios ja

  • @vbleguizamon177
    @vbleguizamon177 3 года назад +1

    Gracias Jonathan! al fin llegué a tu maravilloso video! necesito superponer texto a una imagen y no sabía como hacerlo! super clara tu explicación. Te agradezco tu tiempo y el video que compartiste!!! Infinitamente gracias! Si me va mal te aviso! jiji pero no creo! me iluminaste las diferencias. Saludos genio!!!

  • @isaacsu1152
    @isaacsu1152 3 года назад +1

    gracias hermano, por fin pude comprenderlo. me sacaste de apuros.
    10/10 , increible video. gracias

  • @joacobs3000
    @joacobs3000 3 года назад +1

    Magistral explicación. Muchas gracias!!

  • @Sysh.99
    @Sysh.99 Месяц назад

    nah que tremendo por dios esa explicacion sencilla y rapida. gracias!!

  • @soypablocarballo
    @soypablocarballo Год назад

    Qué fácil la explicaste. Al fin entendí. Gracias!

  • @carlosps9612
    @carlosps9612 3 года назад +2

    Me estaba costando mucho entenderlo y era tan fácil? Jajaj gracias por el vídeo

  • @santiagomarulanda7640
    @santiagomarulanda7640 2 года назад +1

    Me ayudaste mucho, muchas gracias. Estaba yo como loco tratando de entender porque el elemento con position: absolute tomada como referencia al body y gracias a este video me di cuenta de que si el elemento padre no tiene el position: absolute, el elemento toma cómo referencia al body. Tanto que sufríintentando entender y era algo tan sencillo jajajaja, mil gracias.

  • @leonardogarciaarroyo9490
    @leonardogarciaarroyo9490 3 года назад +1

    mejor explicación no pude encontrar , excelente video , nuevo sub

  • @pedroricardoalvarez7040
    @pedroricardoalvarez7040 3 года назад +1

    Gracias crack, alfin lo entendi. Ahora a practicar.

  • @albertogonzalez-rodriguez8855
    @albertogonzalez-rodriguez8855 2 года назад +1

    Hola. Por fin he llegado comprender este tema y otros en este canal. Todo esta bien explicado. Por favor siga haciendo mas videos así. Gracias!!

  • @familiakoo
    @familiakoo 3 года назад +1

    Sos grande querido!... gracias por tu entrega... me suscribo

  • @tobiasradice1192
    @tobiasradice1192 Год назад

    Tengo que entregar un proyecto en los próximos días y la verdad lo único que me faltaba para empezar era lo de como posicionar un elemento y me sirve un montón esto. Genio

  • @krmm8265
    @krmm8265 3 года назад +3

    gracias parce! ni platzi puede explicarlo asi jeejej

  • @diegourrego611
    @diegourrego611 2 года назад

    Hola, gracias por compartir tu conocimiento. Estuvo clarisimo y pensar que vengo de un curso pago acá a entender mejor.

  • @maniolox7823
    @maniolox7823 3 года назад +4

    Gracias por la ayuda, ahora me queda claro jaja, tome su sub buen hombre.

    • @jlif6305
      @jlif6305  3 года назад +1

      Gracias amigo!

  • @JorgeOscarGamez
    @JorgeOscarGamez 4 года назад

    Tan sencillo que se entienden muchas cosas que deje por sabido pero nos las sabia realmente, gracias crack.

  • @fernetbranca2823
    @fernetbranca2823 7 месяцев назад

    gracias por explicar tan claro hno no estaba podiendo solucionar un problema

  • @AxelBenjamínAlvarezAlcaraz
    @AxelBenjamínAlvarezAlcaraz Год назад

    estaba teniendo problemas con una capa(bg-color) para una imagen y tu video me re sirvió, el problema era que la clase capa no tomaba como referencia a la imagen que es justo le que explica en el video, crack.

  • @julianzamudio2009
    @julianzamudio2009 2 года назад

    explicas 10 veces mejor q cualquier profe de la prepa, te amo

  • @joselomartinez2220
    @joselomartinez2220 Год назад

    re bien,esa es la verdadera, pedagogía ponerse en el lugar del alumno..gtacias herma

  • @sylvain6729
    @sylvain6729 7 месяцев назад

    Lamentablemente en el curso que tengo no explicaron esto y estaba demasiado estresada y confundida, Gracias !! :D

  • @MsGhost115
    @MsGhost115 3 года назад +1

    gracias hermano de todos este fue el bueno !!

  • @cristianzarate6462
    @cristianzarate6462 3 года назад +1

    Excelente explicación! Con una sola visualización se puede entender el tema. Gracias por tu trabajo!

  • @1955Rodri
    @1955Rodri 3 месяца назад

    Terrible amigo me solucionaste 10 hs de rotura de cabeza, gracias

  • @TripitaVerde
    @TripitaVerde 2 года назад

    Aldia de hoy me sirvio mucho pude acomodar al fin los botones jajaj estuve batallando demasiado por que nadie le daba a eso muchas gracias

  • @replaysthekuza_7094
    @replaysthekuza_7094 Месяц назад

    Eres un grande, lo entendí a la perfección :)

  • @santiagofantoni2643
    @santiagofantoni2643 2 года назад

    gracias maestro, me estaba rompiendo la cabeza con esto, al fin lo entiendo.

  • @picador3000
    @picador3000 3 года назад

    Sos un genio! Muchas gracias, estoy a 30 minutos de entregar un trabajo de integradora y esto me soluciono unas dudas concretas con el tema de los porcentajes..ya que 50% no me era exacto

  • @reh.m3607
    @reh.m3607 2 года назад

    Gracias sinceramente jamás entendia como funcionaba esa propiedad pero gracias a ti la he comprendido

  • @weonYlawea
    @weonYlawea 2 года назад

    mi profe de la u no me dejo claro esto comparado contigo con eso te digo todo GRACIAS!

  • @jorgeperez-jm9li
    @jorgeperez-jm9li 2 года назад

    cracks. de crack.! llevo dias tratando de entender y en un video de menos de 10 lo entendi

  • @gabrielcl5636
    @gabrielcl5636 Год назад

    Buenísima, llevaba horas dandome cabezasos jahaja muchas gracias, Saludos!

  • @quinojuan2
    @quinojuan2 Год назад

    Si en el minuto 7:26 del video agregas un transform: translate (-50%, -50%) a la clase .circulo.... solucionas lo de estar jugando con porcentajes aleatorios.. Muy buen video

  • @DeDiosLuthier
    @DeDiosLuthier 3 года назад

    EXCELENTE EXPLICACIÓN HERMANO, SALUDOS DESDE NAYARIT, MÉXICO.

  • @mauromiguelcondori8607
    @mauromiguelcondori8607 2 года назад

    Sabado 26de marzo -00:43 am , 8 min para explicar algo super importante, me salvaste!

  • @d.f.4811
    @d.f.4811 2 года назад

    Amigazo lo explicaste mejor que mi profesor que es pagado...
    Mucho exitooo!!! muy bien explicado

  • @manug089
    @manug089 Год назад

    bien explicado, simple y sin vueltas

  • @dianaalejandrareynagarcia7100
    @dianaalejandrareynagarcia7100 2 месяца назад

    Me gusto mucho, muy claro y entendible

  • @santiagoyoan
    @santiagoyoan Год назад

    excelente explicación, lo haces de una forma muy sencilla y clara bro muchas gracias por compartir tus conocimientos

  • @joshy56
    @joshy56 Год назад

    Que genio, simplemente muy bien explicado, mas sencillo imposible!

  • @emanuelsotomayor2894
    @emanuelsotomayor2894 3 года назад +1

    Está explicado de manera super fácil, al fin lo entendí. 😁

  • @uncafeconmokanodiaz
    @uncafeconmokanodiaz 2 года назад

    Que excelente explicacion, por fin entendi ese tema. Gracias!!!!!

  • @matiasmurray502
    @matiasmurray502 3 года назад +1

    lo explicas mejor que en el curso que estoy haciendo

  • @alejandromorreale8001
    @alejandromorreale8001 3 года назад +1

    Excelente video, muchas gracias!

  • @Frest99
    @Frest99 3 года назад

    Ojalá lo hubiera visto antes. Me costó entenderlo en su momento pero esta explicación es muy simple y directa. Muy bueno!

  • @toronjamon5403
    @toronjamon5403 2 года назад

    Hice un curso pero nunca habia logrado la diferencia entre relative y absolute lpm jajajaj me re ayudo esto muchas gracias!

  • @tankvoid
    @tankvoid 3 года назад

    Me estaba volviendo loco intentando entender esto hasta que me topé con tu video. Mil gracias! Lo explicaste perfectamente bien!

  • @breynerordonez9931
    @breynerordonez9931 3 года назад +1

    No le entedi muy bien esta parte a dalto , encontre este video y es excelnete !

    • @manzukoo3361
      @manzukoo3361 3 года назад

      yo no le entendí nada a Dalto sobre los position y termine haciendo cualquier cosa en una pagina de pruebas jaja, pero con este video me lo dejó todo muy claro, muy bien explicado y corto

    • @programmingj613
      @programmingj613 3 года назад

      @@manzukoo3361 imaginate los cursos de js, te volves loco

    • @manzukoo3361
      @manzukoo3361 3 года назад

      @@programmingj613 jajaja

  • @matiaslupa6035
    @matiaslupa6035 3 года назад +2

    Zarpado!!! No entendia el absolute, gracias!