tutorial html y css | posicionamiento de divs en el contenedor general (basico)
ฝัง
- เผยแพร่เมื่อ 9 ม.ค. 2013
- en este video vamos a introducirnos en el posicionamiento de los divs en el contenedor principal. veremos como podemos crear la estructura basica de una web de una manera muy sencilla sin que se nos deforme al cambiar la resolucion de la pantalla
siguenos en twitter! / keyquotes_group
visita nuestra web oficial: www.keyquotes.es
un saludo de parte del equipo de Keyquotes
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ú.
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.
debería colocar los códigos que usa en la descripción del vídeo, con eso nos ayudaría bastante.
mil gracias, tienes una forma de enseñar muy especial, por que no se ve dificil ni complicado cuando lo haces y lo explicas.
Aún después de siete años sirve, gracias, este vídeo fue muy útil, sigue así, haces muy buenos vídeos
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
Muy bueno el tutorial. especialmente para principiantes como yo. saludos.
la logística es entendible sobre el posicionamiento de los divs.
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
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é.
he aprendido más con varios vídeos tuyos que en toda la primera evaluación.
Muchas gracias!! la explicación es muy clara y sencilla. Saludos
Eres el mejor, te lo agradezco mucho!! Mercii y sigue asi
muchas gracias!!! con este tutorial me ayudaron muchisimo :)
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 👍
yes, im gonna upload videos little by little with more advanced concepts, i hope you learn a lot with these videos
greetings
Estuvo muy bueno el video, se aprende rápido de esta manera. Gracias 😁
Más claro imposible. Muchas gracias!
Gracias por el tutorial !! Explicas de maravilla ;)
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!
Sos la luz viejo! lo sabias? gracias por el Tuto!
Muy buen tutorial, me subscribi espero mas contenido como este +10
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.
Me sirvio mucho para salir de un apuro de ultima hora. Muchas gracias!
aprendo contigo más que en clases
si los docentes no enseñas nica
los docentes parecen ser envidiosos nunca enseñan solo dicen ya deberias saber o se acercan no dicen nada y se van ajaja
por eso es importante colaborar a los maestros en youtube con un like y suscribirse
yo tambien:v
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
he aprendido contigo mas que con falcon masters en cuestion de posicionamiento de cajas like maquina
Muy buen tutorial, también estaría bien poner este mismo tutorial con display:inline-block para ver otras posibilidades.
Brooooo realmente me haz salvado estoy muy agradecido saludos
Gracias a tus tutoriales pase mi semestre
perfecta explicación, clara y sin pausa, un 10 :-)
sigues vivo?
buen video!! >D gracias por compartir, una pregunta tienes ejemplos usando posición absoluta,fija y relativa?
Gracias amigo!!!
Esto estaba buscando tutoriales de pocisionamiento
Olle puedes hacer seguir haciendo este tipo de videos asi como de adobe edge tambien
Buen video bro, gran calidad, excelente audio, muchas gracias bro me ayudaste muchísimo ✌️🥺
EsseErickson me alegro que te haya servido! 🤪
Muchas gracias, Me gustó mucho tu explicación
Buenos vídeos.
Son de mucha ayuda
Gran tutorial me sirvió bastante para lo que mi profesor no explico, muchas gracias
excelente video!! entendí mas que en clases
Dios, me has salvado la vida. Gracias
gracias por fin entendí como mover los css
Muy bueno el video; super!!!
te amo viejo, me has salvado de una
Muchas gracias por el vídeo.!!!
Muy bueno tu video me ayudo muchisimo ya tienes un subscritor mas :D
ok gracias por el aporte, lo tendre en cuenta
felicitaciones excelente despeje muchas dudas gracias
excelente tutorial. gracias.
muy buena bro me salvo!
Muchas gracias por la explicacion, muy claro todo.
Me alegro que te haya ayudado!!
nuevamente muy bueno el tut
Muchas gracias viejo, te amo :v
Muy bien explicado!!
Exelente Muy bueno!! :D
amigo mio te agradezco infinitamente estaba pariendo chinos con eso...saludos (Y)
Te mereces mi suscripcion hermano , me ayudaste , GRACIAS
buen video, explicas bien.
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
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
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!
Gracias muy buen video
exelente video gracias cumpita ^_^
Gracias, muy bueno.
+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?
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.
excelente, muchísimas gracias. Enseñas mejor que mi profesor. :/
excelente video
gracias wey te amo estaba toda perdida enseñas mejor que mi profe u_u te agradezco mucho este video
Me alegro que te haya servido! 😜
Gostei do vídeo muito bom continue assim
¿como moverías el rojo con los cuadros que tiene adentro sin que pierdan el orden y que sigan pegados? y hacerlos flexbox
Hola gracias por el video, para que sirve la etiqueta de reset que creas al principio de la hoja de estilos??
Muchas Gracias!!!!!
Buena explicación.
obrigado, +1 inscrito!
muchas gracias!!!!!!!!!!!!
GRACIAS!!! Y muy bueno que no pones música de fondo!!
gracias a ti
un saludo
muy bueno gracias
justo lo que queria ver
excelente gracias
desde colombia muchas gracia amigo esto era exactamente lo que estaba buscando para unas duda inmensa que tenia
Hola bro, tengo una pregunta: ¿Como hago para montar el texto encima del recuadro
Amigo se puede añadir una barra vertical de navegacion en un solo div y en otro div colocarle texto al lado derecho?
Hola amigo muy buen video, mira, es necesario que siempre se haga un contenedor general para poner todo ahí??
se hace por el encuadre de los divs, sobre todo por las diferentes resoluciones que tienen las pantallas de hoy en dia.
un saludo
Puedes poner además de pixeles en las medidas, porcentajes? para que ocupen toda la pantalla independiente del tamaño de esta?
gracias!
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
Gracias!
Nice 👌🏾
videaco
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
Quisiera saber si eso también se puede hacer en section
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
muchas gracias por tus conocimientos :3
Cierra el párrafo! ;)
@@danielhansen532 tarde pero gracias jajaja
Wow. i like your videos. thank you and i hope more. and i hope learn how make website .
me puede brindar su ayuda, quisiera aprender hacer una maquetacion en sublime utilizando el codigo php; como le podria enviar un trabajo
holois dixulpa pero el codigo li introdusco en sublime tex y en notepad++ y no me acesta el css i no beo nada de canvios a grafica ya que la pajina esta solo en blanco
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!
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?
gracias
hola una consulta como haces para que el div ofertas quede en top ami me queda en el medio diremos... gacias
Puto Genio me haz abierto los ojos
solo me aparece el primer div los siguientes no aparecen a que puede ser debido.
gracias