Тёмный

Qué es POSITION ABSOLUTE | CURSO de CSS Básico desde cero 2021 #36 

Dorian Desings
Подписаться 80 тыс.
Просмотров 19 тыс.
50% 1

Curso CSS INTERMEDIO 👇
cursos.doriand...
👉SIGUEME EN TWITCH / doriandesings 👈
👉Obtén VENTAJAS EXCLUSIVAS!! / doriandesings 👈
📶Mis cursos en udemy al mejor precio doriandesings.... 📶
🎨Tema visual studio code: marketplace.vi... 🎨
Repositorio en Github: 👇
github.com/Dor...
☕ Apoya el canal donando por paypal, cualquier aporte por pequeño que sea ayuda. Muchas gracias.
www.paypal.me/...
⚡Repositorios en Github: github.com/Dor...
Mi setup:
⌨️ Teclado: amzn.to/3dDR914
🎤 Micrófono amzn.to/2SWRvYG
🐭 Ratón amzn.to/2WmEZnG
🎞️ 32GB de RAM: amzn.to/3fPNgrR
🧩 Placa base: amzn.to/3czISew
🎰 Procesador: amzn.to/2WAQRmf
🖼️ Tarjeta Gráfica:amzn.to/36eJvYR
Mis redes sociales: 👇
🖼️ Instagram - / dorian_desings
💬 Facebook - / yoaprendocondorian
🐦Twitter - / doriandesings📋
#AprendeCSSconDorian

Опубликовано:

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 73   
@joseantoniobenlopez3240
@joseantoniobenlopez3240 3 года назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :)
@RobertoMejiaCollazos
@RobertoMejiaCollazos 3 года назад
Los mejores tutoriales de css de youtube, propiedad por propiedad bien explicado y ordenado. Exitos.
@william.fitnesss7110
@william.fitnesss7110 Год назад
Gracias!!!!!!!!!!!!. Eres uno de los mejores explicando .porque transformas los argumentos dificiles de entender en argumentos muy faciles de entender .
@guisselahuamanalikhan3431
@guisselahuamanalikhan3431 2 года назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :) xD, pero en serio, la forma de en que explicas el tema lo hace parecer muy fácil y simple(que si lo es si practicas), simplemente un gran curso, ordenado, fácil de entender y con algo de entretenimiento, gracias por este gran curso :)
@fedec9813
@fedec9813 2 года назад
Eres un genio Dorian! muchas gracias por compartir tu conocimiento. Explicas muy bien y te tomas el tiempo necesario. Saludos!
@jhonfredymaquiloncordoba1876
@jhonfredymaquiloncordoba1876 3 года назад
Este es un tema bastante complejo de entender pero tu lo haces ver muy fácil. Gran trabajo Dorian!
@williamjaimesj.1366
@williamjaimesj.1366 11 месяцев назад
Muchas gracias Dorian por la explicación, muy pedagógico
@fernandoalbertopinedaarena2294
De verdad que buenos videos y la explicación pfff de 10, muchas gracias por hacer este contenido.
@jgonz2208
@jgonz2208 2 года назад
Por fin entendí!!! Gracias viejo, eres el mejor!!
@nelsonm.1431
@nelsonm.1431 Год назад
Muy clave lo del position al contenedor.
@danielvicens9931
@danielvicens9931 3 года назад
No deja de asombrarme lo bien que se hace entender... Todo un MAESTRO...Gracias por los contenidos y las explicaciones inherentes a ello
@CarlosMunoz-mt5jj
@CarlosMunoz-mt5jj 2 года назад
Buaaaa!, más clara el agua Gracias, hermano!
@alexmon689
@alexmon689 3 года назад
muchas gracias por el curso, tu curso es el mas claro de todos c:
@DorianDesings
@DorianDesings 3 года назад
Hola, muchas gracias
@luismonagas573
@luismonagas573 8 месяцев назад
Esta propiedad de Position es uuuffffff., pero con la excelente explicación de Dorian uno aprende muuuchoooo, pero exigen mucha pràctica y uso de la propiedad Position.. Gracias y Saludos desde Venezuela 26/01/2024
@williamjaimesj.1366
@williamjaimesj.1366 11 месяцев назад
Excelente explicación, muchas gracias
@luisdavid6355
@luisdavid6355 3 года назад
este video es la claridad misma, no le sobra ni le falta nada. muchas gracias dorian!
@TheRubenapolo
@TheRubenapolo 2 года назад
Excelente explicación. fue la mejor que vi en esta plataforma. gracias
@albertomoran26
@albertomoran26 Год назад
Muy buena explicación de un tema que suele confundir muchísimo. Saludos Dorian, no se si sigues activo en tu canal pero te recomiendo seguir porque explicas mejor que muchos y creo que puedes llegar lejos si sigues alimentando el canal con estos contenidos.
@navarrrrrrr
@navarrrrrrr Год назад
Excelente tutorial!! mil gracias!! ¿Puedes hacer un video donde expliques si es posible combinar position absolute y relative. Gracias!!!
@luiscarlostrotta8119
@luiscarlostrotta8119 3 года назад
Excelente Dorian!!!!! Muy didáctico!!!!! Te saludo desde.Argentina!!!
@gawebklaus
@gawebklaus 2 года назад
gracias por tu aportación
@wonda.
@wonda. 2 года назад
Al fin entiendo la teoria del position absolute, ya puedo usarlo para siempre, gracias dorian
@tecnog2019programcionyhacking
@tecnog2019programcionyhacking 3 года назад
hace 1 mes no lo entendía hoy volvi a verlo y ya lo entiendo
@edgaralarcon1540
@edgaralarcon1540 4 месяца назад
Lo mejor de lo mejor
@amilcarmarone5962
@amilcarmarone5962 3 года назад
vamo doriannnnnnnnnnnnnn, tremendo profe
@kayromind
@kayromind 2 года назад
Gracias broth eres un crack *_SUPER CRACK_*
@juandrey
@juandrey Год назад
muy bueno el curso! gracias a ti
@DecisionMaker333
@DecisionMaker333 3 года назад
CAPO, GENIO DEL CSS MUNDIAL
@marcosMartinez-wm7bd
@marcosMartinez-wm7bd 3 года назад
Excelente video!
@rushven5994
@rushven5994 Год назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :)
@PalestinianCode
@PalestinianCode 3 года назад
Dorian Terminator del css
@nemines0027
@nemines0027 2 года назад
eres el mejor saludos y gracias
@carmen7606
@carmen7606 3 года назад
Muchas gracias. Cada vez más claro.
@dcloki789
@dcloki789 2 года назад
muchas gracias por este excelente contenido y muy bien explicado.
@gawebklaus
@gawebklaus 2 года назад
Le puse bottom 0 con position absolute a una caja que estaba situada al final de una página cuando ya realmente no tenía espacio por donde moverse, por lo que esperaba que no se moviera nada y lo que ocurrió me desconcertó bastante. La caja subió bastante en el contenido de la página, no arriba del todo, pero casi. No se si alguien sabe lo que le pasa.
@juandd8890
@juandd8890 Год назад
tiene un video en caso cuando use el position:absolute en el footer deje de sobre ponerse al contenedor anterior?
@pedroalvarez-ji6xp
@pedroalvarez-ji6xp 3 года назад
Hola, alguien me puede explicar. Si se posiciona según el contenedor, porque cuando le doy noc ejem. left 200px la caja se va afuera del contenedor? es así? o se posiciona siempre y cuando no se pase de las medidas del contenedor?. Saludos.
@Solsi723
@Solsi723 3 года назад
Eso pasa si el padre (el contenedor) o alguno de sus contenedores (contenedor abuelo o lo que sea) no está posicionado, es decir, no tiene declarada la propiedad position con algún valor (que por lo general hasta donde se se suele utilizar position relative). Como ninguno de los contenedores del hijo al que le declaraste position absolute tiene declarado un position (que como dije suele ponerse position relative) entonces no le queda otra que posicionarse en función el html. En síntesis: El elemento con position absolute declarado toma como referencia para moverse a uno de los elementos o etiquetas que lo contienen y este posicionado, sino toma como referencia al html. Espero que te sirva saludos!
@pedroalvarez-ji6xp
@pedroalvarez-ji6xp 3 года назад
@@Solsi723 super gracias, lo voy hacer como decís.
@eydersuarez7722
@eydersuarez7722 3 года назад
Excelente!! Muchas Gracias.
@imanol4468
@imanol4468 2 года назад
Este es un comentario positivo para el algoritmo de RU-vid. Espabila RU-vid! Larga vida a Dorian!
@andress4487
@andress4487 3 года назад
que crak!! gracias.
@DorianDesings
@DorianDesings 3 года назад
a ti por verlo Andrés!
@andrewpoldjacobocastillo308
@andrewpoldjacobocastillo308 3 года назад
Muy buena explicacion!!
@dazaired3397
@dazaired3397 Год назад
Cuando ponemos un position absolute no perdemos la propiedad margin? lo digo por lo que dices en el minuto 13:28 por lo demás muy buen vídeo me aclaraste varias dudas que tenia gracias!
@DorianDesings
@DorianDesings Год назад
No hay ningún conflicto entre márgenes y position absolute, pero si hay ciertas cosas a tener en cuenta. Si lo colocas respecto a un contenedor con right 0 por ejemplo, da igual el margin-left que pongas porque no vas a sobrepasar ese right:0; pero sí podrías poner right: 0 y margin-right 10px, que sería lo mismo que poner que poner right:10px; Digamos que puedes usarlo siempre y cuando no entre en conflicto con las propiedades top, right, bottom o left. aquí puedes ver un pequeño test. 😊 codepen.io/DorianDesings/pen/dyKqoro?editors=1100
@olismar.a.g2593
@olismar.a.g2593 2 года назад
como posicionas en el centro del body a cualquiera de los dos box ?
@sebastianrodelo7965
@sebastianrodelo7965 3 года назад
Buena explicación!
@DorianDesings
@DorianDesings 3 года назад
Gracias!
@sebastianalexis815
@sebastianalexis815 3 года назад
Hola dorian, qué tal como estás, disculpa quería hacer una preguntita ¿Cuál sería la explicación de que se centre el elemento respecto a su contenedor con position absolute en el siguiente caso? pd: ya que si no se declara la propiedad margin: con el valor auto queda en el origen, y esta misma propiedad con solo el valor auto en un elemento en bloque me centra de manera horizontal pero no vertical. Espero se entienda mi duda, muchas gracias de antemano, saludos! .caja{ width: 100px; height: 100px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
@_matiarias
@_matiarias 3 года назад
Creo que no funciona y no vas a poder centrar el elemento nunca, ya que las propiedades top/left son dominantes sobre bottom/right. Por decirlo de una manera. Por ende, si tenés una propiedad top. Bottom no funcionará. Ya que el navegador solo tomara la propiedad top. Y si tenés una propiedad left, right tampoco funcionara ya que el navegador solo tomara la propiedad left. Por ende de esa manera no podrás centrar tu elemento.
@emilianolus9215
@emilianolus9215 3 года назад
!!!muy bien explicado
@charlesl744
@charlesl744 2 года назад
Yo tuve que ver este video y el anterior dos veces para comprenderlo bien. =(
@martimarti5462
@martimarti5462 2 года назад
Excel.lent. Moltes gràcies
@jorgemendieta2022
@jorgemendieta2022 3 года назад
Genial como siempre...
@DorianDesings
@DorianDesings 3 года назад
Gracias! 😊
@carlospadilla456
@carlospadilla456 3 года назад
Una duda, al usar position absolute, se pierde el espacio que tiene reservado, entonces para el siguiente contenedor que vayamos a usar en la pagina, tendremos que apartarlo con un margin-top para no sobreponer contenido ¿Es correcto hacer esto?
@tavoochoa100
@tavoochoa100 2 года назад
.box es cual elemento?
@KevinAlvaradoZaraza
@KevinAlvaradoZaraza 3 года назад
Mas claro que el agua
@fernando6547
@fernando6547 8 месяцев назад
background-color:peru ,pueblo marrón
@pedroricardoalvarez7040
@pedroricardoalvarez7040 3 года назад
Hola si al padre le doy 200px por 200px y al hijo le doy left 300px esta bien que se salga del padre ? Es normal eso o yo estoy haciendo algo mal.
@DorianDesings
@DorianDesings 3 года назад
Es normal, tranquilo 😊
@pedroricardoalvarez7040
@pedroricardoalvarez7040 3 года назад
@@DorianDesings jaja joya dorian. Muchas gracias.
@julianquintero699
@julianquintero699 3 года назад
Me dio mas facil entender el absolute que el relative jajajaja, cosas de la vida
@MDQ00
@MDQ00 3 года назад
Igual jajaj
@tecnog2019programcionyhacking
@tecnog2019programcionyhacking 3 года назад
primer video q no entiendo :(
@DorianDesings
@DorianDesings 3 года назад
Repasa relative y después lo vuelves a ver
@williamsmamanimamani846
@williamsmamanimamani846 2 года назад
No sabía que "peru" era un color. solo faltaría que exista un color llamado "ventana"
@raulaponte351
@raulaponte351 2 года назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :)
@danielsoracipa8831
@danielsoracipa8831 3 года назад
Excelente video crack
@cesarcontreras2692
@cesarcontreras2692 3 года назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :)
@Dony9324
@Dony9324 Год назад
Una forma cómoda y al alcance de todos que tenemos de agradecer a Dorian su fabuloso trabajo es dejar comentarios en sus vídeos, ya que estos parecen ser tenidos en cuenta por RU-vid a la hora de recomendarlos. Si alguien quiere poner un comentario pero no sabe qué escribir puede cortar y pegar este mismo: no voy a hacer ninguna reclamación de copyright :)
Далее
¿Cómo Funciona Position en CSS? - Guía POSITION
20:27
CÓMO resolver CUALQUIER PRUEBA TÉCNICA
10:21
Просмотров 1,2 тыс.
The secret to mastering CSS layouts
17:11
Просмотров 282 тыс.
Guía sobre Position en CSS
8:08
Просмотров 303 тыс.