tutorial html y css | posicionamiento de divs en el contenedor general (basico)

[@leptium]

Busqué cerca de 10 videos. El más paciente y el mejor explicado de todos. Sin muchos rollos y con la explicación perfecta. Saludos desde Perú.

[@camilotinoco1419]

debería colocar los códigos que usa en la descripción del vídeo, con eso nos ayudaría bastante.

[@patopaolo]

aprendo contigo más que en clases

[@bryceguido8285]

si los docentes no enseñas nica

[@juanzambranasejas8342]

los docentes parecen ser envidiosos nunca enseñan solo dicen ya deberias saber o se acercan no dicen nada y se van ajaja

[@juanzambranasejas8342]

por eso es importante colaborar a los maestros en youtube con un like y suscribirse

[@nataliyarin6751]

yo tambien:v

[@andreslopez-oc5hm]

tienes razón porque en la escuela los profesores solo se la pasan platicando de una cosa u otra y no te enseñan bien por esto varios alumnos no aprenden aquí youtube aprendes rápido aunque sea lo básico

[@ipone6glisto953]

Muchas gracias por este agnífico video. Llevaba tres días peinando la red y solo encontraba cosas raras y nadie enseñaba claramente esto como tú. Muchas gracias y ya me he sumado a tu canal.

[@meowner1]

Aún después de siete años sirve, gracias, este vídeo fue muy útil, sigue así, haces muy buenos vídeos

[@rafa_marz]

Me sirvió muchísimo, llevaba bastante tiempo tratando de arreglar un div para una barra lateral y el error era que la tenia afuera del div general, muy buen video 👍

[@st0rmArYa]

Muchas gracias, me había trabado al hacer las cajas o bloques (como se llamen jaja) contigo lo he entendido mejor, ahora lo llevaré a la práctica..Gracias, te seguiré.

[@StreiaLunar]

de verdad que llevo mas d 1 mes intentando hacer mi proyecto y faltaba posicionar algo q no entendia.. y Ud m ayudo con su tutorial.. mil graciaaaas ;( :D Saludos desde Lima-Peru

[@carzmusicacreacionlecturac789]

Muy bien, keyquotes, un abrazo y mis gracias con felicitaciones; aprendí bastante y de manera bastante sencilla. Veo que tienes buenos conocimientos. Dios siga ayudándote

[@wilwerrodriguez1787]

mil gracias, tienes una forma de enseñar muy especial, por que no se ve dificil ni complicado cuando lo haces y lo explicas.

[@franarauz7736]

Muy bueno el tutorial. especialmente para principiantes como yo. saludos. la logística es entendible sobre el posicionamiento de los divs.

[@boone5741]

Me sirvio mucho para salir de un apuro de ultima hora. Muchas gracias!

[@josrolandogranadosrivera4933]

Gran tutorial me sirvió bastante para lo que mi profesor no explico, muchas gracias

[@keyquotes]

eso es porque el navegador añade a tus elementos unos margin y padding por defecto, para solucionar este problema solo tienes que añadir al principio de tu css un reset, es decir añade esta linea de codigo: *{margin:0px; padding:0px} este codigo lo que hace es eliminar los margin y los padding que pone el navegador un saludo

[@camilaerr3708]

gracias wey te amo estaba toda perdida enseñas mejor que mi profe u_u te agradezco mucho este video

[@keyquotes]

Me alegro que te haya servido! 😜

[@alberboxtytravel]

he aprendido contigo mas que con falcon masters en cuestion de posicionamiento de cajas like maquina

[@777whitemetal777]

he aprendido más con varios vídeos tuyos que en toda la primera evaluación.

[@papierick0285]

Buen video bro, gran calidad, excelente audio, muchas gracias bro me ayudaste muchísimo ✌️🥺

[@keyquotes]

EsseErickson me alegro que te haya servido! 🤪

[@tecnomao5276]

Dios, me has salvado la vida. Gracias

[@CookieMan_YT]

Gracias a tus tutoriales pase mi semestre

[@sarariosochoa2264]

Ayy me encantó, logré ordenar los contenedores, los tenía muy desordenados. Gracias!

[@ramond12]

Estuvo muy bueno el video, se aprende rápido de esta manera. Gracias 😁

[@keyquotes]

yes, im gonna upload videos little by little with more advanced concepts, i hope you learn a lot with these videos greetings

[@DarknessShadow-f5i]

Muchas gracias, Me gustó mucho tu explicación

[@satanvato8808]

Brooooo realmente me haz salvado estoy muy agradecido saludos

[@buhoo__]

Sos la luz viejo! lo sabias? gracias por el Tuto!

[@cristianrubattovivas9745]

Te mereces mi suscripcion hermano , me ayudaste , GRACIAS

[@AProgramar]

Muy buen tutorial, también estaría bien poner este mismo tutorial con display:inline-block para ver otras posibilidades.

[@juanfeliperestrepo6262]

desde colombia muchas gracia amigo esto era exactamente lo que estaba buscando para unas duda inmensa que tenia

[@carlosneyra7044]

te amo viejo, me has salvado de una

[@dannadelzomeza-ddmez1652]

Hola! gracias por los vídeos, son super didácticos y la explicación es concisa y clara. Tienes mas vídeos sobre posicionamiento de cajas en contenedores? `por favor refieremelas. Gracias!

[@florenciaisagalindo6410]

Muchas gracias!! la explicación es muy clara y sencilla. Saludos

[@sebarusempai6306]

me sirvió de mucho este vídeo, gracias, espero subas mas de esto,ya que recién estoy empezando y explicas bien y fácil de entender.

[@emanuelesparraguera48]

Buenos vídeos. Son de mucha ayuda

[@desagotelaestrella5816]

GRACIAS!!! Y muy bueno que no pones música de fondo!!

[@hugocangi6214]

buen dia con este video ,me ayudaste un monton te agrasdezo solo me falta colocarles imagenes y oraciones si tenes ese video pasamelo te agradezco un monton hugo

[@juanmanueldelapena6805]

perfecta explicación, clara y sin pausa, un 10 :-)

[@desk6173]

sigues vivo?

[@fanygomez3689]

buen video!! >D gracias por compartir, una pregunta tienes ejemplos usando posición absoluta,fija y relativa?

[@nicolaspelegrin9314]

Más claro imposible. Muchas gracias!

[@keyquotes]

la funcion de ese codigo basicamente es aliminar los margenes y los paddings que pone el navegador por defecto ya que cada navegador pone una medida diferente, yo prefiero trabajar sin los margenes ni paddings automaticos de los navegadores ya que a veces pueden llevarte a confusion un saludo

[@kyokiX_X]

Pero puedo colocar otro div dentro dentro de lis recuadros azul, verde y púrpura?

[@FewProxy]

si se puede

[@harbett_]

Gracias amigo!!! Esto estaba buscando tutoriales de pocisionamiento Olle puedes hacer seguir haciendo este tipo de videos asi como de adobe edge tambien

[@jamming1984]

muchas gracias!!! con este tutorial me ayudaron muchisimo :)

[@corracaia]

Hola amigo muy buen video, mira, es necesario que siempre se haga un contenedor general para poner todo ahí??

[@keyquotes]

se hace por el encuadre de los divs, sobre todo por las diferentes resoluciones que tienen las pantallas de hoy en dia. un saludo

[@TheByMarkel]

Eres el mejor, te lo agradezco mucho!! Mercii y sigue asi

[@johnnyduran2527]

excelente video!! entendí mas que en clases

[@josecerda6278]

Muchas gracias por la explicacion, muy claro todo.

[@keyquotes]

Me alegro que te haya ayudado!!

[@keyquotes]

la verdad esqie es facil pero hare un tutorial sobre esto ya que no todo el mundo que sabe css sabe como organizar una web que ocupe el 100% un saludo

[@loanyelo15]

¿como moverías el rojo con los cuadros que tiene adentro sin que pierdan el orden y que sigan pegados? y hacerlos flexbox

[@diliasanchez3706]

excelente, muchísimas gracias. Enseñas mejor que mi profesor. :/

[@cybermozilla6171]

+keyquoyes saludos gracias por tomarte la molestri ade hacer estas guias, mi consulta es si se ejecuta en android al ponerle valores estaticos no habria inconveniente?

[@edwinloaiza1017]

felicitaciones excelente despeje muchas dudas gracias

[@andresvega6001]

Muy buen tutorial, me subscribi espero mas contenido como este +10

[@UlisesGB.]

amigo mio te agradezco infinitamente estaba pariendo chinos con eso...saludos (Y)

[@thekookero]

Esto ha sido de lo más instructivo. Te agradezco muchísimo. Ya he visto varios de tus videos y he puesto en práctica algunos ejemplos con muy buenos resultados. También me ha servido para modificar un sitio que tenía hecho anteriormente :) Tengo una pregunta: Lo primero que escribes en la plantilla css es *{ y abajo margin 0px padding 0px } ... ¿cuál es el fin específico de eso? Muchísimas gracias por tu gran aporte! Sigue haciendo vídeos, saludos!

[@suntienda5749]

Gracias muy buen video

[@borisrojas3123]

Puedes poner además de pixeles en las medidas, porcentajes? para que ocupen toda la pantalla independiente del tamaño de esta?

[@cristianbustamante62]

gracias por fin entendí como mover los css

[@FanetikStudio]

hola, porfavor, con que etiqueta o atributo podria mover cualquier div, a cualquier pocicion que necesitacemos? Por ejemplo digamos que necesito mover el Div Azul en la parte central del Div Lila(morado) Muchas Gracias!

[@zenekis]

Hola gracias por el video, para que sirve la etiqueta de reset que creas al principio de la hoja de estilos??

[@elkinpineda457]

Buena explicación.

[@Narux]

Muchas gracias por el vídeo.!!!

[@eduardovaldezlopez567]

Muy bueno tu video me ayudo muchisimo ya tienes un subscritor mas :D

[@hanita1394]

Gracias por el tutorial !! Explicas de maravilla ;)

[@danielforero8014]

el problema con el float es que los elementos que est[an adentro es que adquieren el efecto de espejo, se ponen en el orden contrario.

[@edgarosorio6076]

saludos declarar id en ves de la clase es una mala practica o solo una observacion

[@keyquotes]

claro, el comando es muy sencillo, en css acuerdate de que tienes que entrar dentro de la etiqueta a. el comando es: text-decoration:none; un saludo

[@yach9546]

Hola, una preguntota, ¿como se llama la aplicacion donde esta programando? porque yo abro bloc de notas y no me salen esas opciones de "archivo, editar, buscar, vista, codificacion etc". Lo que pasa es que soy nuevo en esto de la programacion.

[@eylercruzramirez5682]

exelente video gracias cumpita ^_^

[@CesarFabian1891]

excelente video

[@BeetBlueyou]

es necesario poner el "div" en el css, no solo puedo escribir el nombre del id junto a su #?

[@keyquotes]

no estoy muy seguro del fallo pero vuelve a revisar el orden de los divs en el html, posiblemente sea eso, tambien prueba a abrir tu pagina con google chrome. si sigue sin funcionar dimelo un saludo

[@pipepi4888]

Hola!! Este queda responsive?

[@joselozano7578]

bro una pregunta por usas tanto el id si solo se puede usar una vez en toda la hoja no?

[@joselozano7578]

espero q puedas responderme pronto es que tengo examen mañana 😂😂

[@luiselfegr92]

@@joselozano7578 xd

[@hermain-vm]

Buen video, tengo un menu, y un formulario, en el formulario las label las muestra como link y la parte del form tambien como, le hago para que no me salgan asi?

[@v92Promo]

Muy bueno el video; super!!!

[@Acolmiztli803]

Hola que tal, tengo una duda, como se le puedo hacer para darle los acabados "mas finos" es decir que las esquinas no queden en picos, que sean redondos Excelentes tus tutoriales

[@kudachbolous]

Mario Reynoso border-radius: 15px; te quedará bien este valor.

[@dhalyzcl8051]

border-radius: 00px 00px 50px 50px; dos primeros son los de arriba y los dos últimos los de abajo

[@martinr.4795]

Hola, una consulta, existe forma de hace la maquetación en posiciones absolutas y a la vez que sea fluida? quiero usar proporciones aureas y las dos cosas al mismo tiempo no salen, es decir que sea proporcional y que aparte se adapte al navegador. Saludos.

[@beeto9127]

amigo buen tuto pero que programa es ese que usas?

[@keyquotes]

es notepad ++, lo puedes descargar gratis de su pagina oficial un saludo

[@adrianaleman9894]

Amigo se puede añadir una barra vertical de navegacion en un solo div y en otro div colocarle texto al lado derecho?

[@mrhandiman3770]

un pregunta que configuracion tienes para que se vea asi? por que yo descarge le mismo programa y no me aparece igual solo se ve como si fuese un bloc de notas normal y no se marca las etiquetas ni los atributos.

[@keyquotes]

Juanmanuel Vallejocardona hola! Notepad ++ es un programa que hace tiempo que no uso. Te recomendaría que te descargases visual studio code y le añadieses algunos plugins como Emmet. Para ayudarte con el html y css. Espero haberte ayudado!

[@unciudadanoejemplar5097]

A mi me sucede que cuando agrego la etiqueta aside y section , me salen una abajo de otra , con las dimensiones correctas, pero desplazadas hacia la izquierda una a continuacion de la otra , no puedo flotarlas , no se que sera

[@pachecorosalesjuliocesar6908]

justo lo que queria ver

[@erickteclado9836]

Por qué dices que MARGIN: AUTO debe ponerse siempre antes del resto de los MARGIN, etc. siendo que solo la usaste en el DIV#GENERAL y no en la ultima DIV#BODY antes de MARGIN-TOP ?

[@milkyway3466]

muy buena bro me salvo!

[@keyquotes]

ok gracias por el aporte, lo tendre en cuenta

[@wilog3843]

Muchas gracias viejo, te amo :v

[@siroccobasura]

Muy buen vídeo, aunque ¿no sería mejor que los divs tuvieran las medidas en % y no en px?

[@keyquotes]

por suspuesto, y mas ahora con la tendencia que hay a hacer las webs con estilo adaptativo pero ten en cuenta que esto es para principiantes y antes de aprender como hacer la web adaptativa hay que saber como estructurar una web un saludo

[@kellyshemelly2376]

Quisiera saber si eso también se puede hacer en section

[@pedroscrush3243]

y se los quiero separar individualmente?

[@migue_sofoke13]

Nice 👌🏾

[@tinta010]

hola una consulta como haces para que el div ofertas quede en top ami me queda en el medio diremos... gacias

[@nekitovampire3072]

Vamos a introducir una región marco a la derecha de nuestra página Web. Indica a continuación qué tenemos que hacer. ¿? es parecido a esto?

[@joseespinoza-ln7by]

amigo una consulta, como es posible ocultar la mitad de un div dentro de otro? nose si me explico: tengo un div general de 800x 400, dentro de este tengo otro div de 200x200, como es posible que el div que esta dentro dejarlo en una esquina pero ocultando la mitad ? jugué con los margenes pero este se me sale del div general.-

[@joseespinoza-ln7by]

no creo que float sirva, ya que te flotara por encima y no por dentro del div

[@WagnerDeCampos]

nuevamente muy bueno el tut

[@kaosnocturno]

muy buen tutorial, tengo una pregunta yo no pongo margin- top y de todos modos cuando visualizo mi pagina aparece separada en la parte superior y se supone que debe aparecer a ras pero no es asi, me puedes decir a que se debe eso

[@juaneblak8366]

porque cuando los div que están anidados son más grandes se salen del div padre, como si fueran absolutos pero no lo son?

[@thu_campeon8833]

que eres de alicante?, yo soy de elche y me gustaria poder preguntarte algo privado ya que estoy intentando hacer una pagina web y tengo algunas dudas.

[@keyquotes]

puedes escribirme a mi correo: [e-mail] o directamente desde la pagina web: www.keyquotes.es en el apartado de contacto un saludo

[@diegopichaco9384]

solo me aparece el primer div los siguientes no aparecen a que puede ser debido. gracias