Тёмный

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

keyquotes
Подписаться 24 тыс.
Просмотров 590 тыс.
50% 1

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

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

 

9 янв 2013

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 235   
@camilotinoco1419
@camilotinoco1419 8 лет назад
debería colocar los códigos que usa en la descripción del vídeo, con eso nos ayudaría bastante.
@leptium
@leptium 2 года назад
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ú.
@ipone6glisto953
@ipone6glisto953 4 года назад
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
@meowner1 3 года назад
Aún después de siete años sirve, gracias, este vídeo fue muy útil, sigue así, haces muy buenos vídeos
@StreiaLunar
@StreiaLunar 8 лет назад
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
@wilwerrodriguez1787
@wilwerrodriguez1787 8 лет назад
mil gracias, tienes una forma de enseñar muy especial, por que no se ve dificil ni complicado cuando lo haces y lo explicas.
@rafaelgamer3754
@rafaelgamer3754 Месяц назад
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 👍
@777whitemetal777
@777whitemetal777 6 лет назад
he aprendido más con varios vídeos tuyos que en toda la primera evaluación.
@keyquotes
@keyquotes 11 лет назад
yes, im gonna upload videos little by little with more advanced concepts, i hope you learn a lot with these videos greetings
@carzmusicacreacionlecturac789
@carzmusicacreacionlecturac789 2 года назад
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
@st0rmArYa
@st0rmArYa 5 лет назад
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é.
@franarauz7736
@franarauz7736 7 лет назад
Muy bueno el tutorial. especialmente para principiantes como yo. saludos. la logística es entendible sobre el posicionamiento de los divs.
@patopaolo
@patopaolo 10 лет назад
aprendo contigo más que en clases
@bryceguido8285
@bryceguido8285 7 лет назад
si los docentes no enseñas nica
@juanzambranasejas8342
@juanzambranasejas8342 5 лет назад
los docentes parecen ser envidiosos nunca enseñan solo dicen ya deberias saber o se acercan no dicen nada y se van ajaja
@juanzambranasejas8342
@juanzambranasejas8342 5 лет назад
por eso es importante colaborar a los maestros en youtube con un like y suscribirse
@nataliyarin6751
@nataliyarin6751 4 года назад
yo tambien:v
@andreslopez-oc5hm
@andreslopez-oc5hm 4 года назад
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
@dannadelzomeza-ddmez1652
@dannadelzomeza-ddmez1652 8 лет назад
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!
@AProgramar
@AProgramar 11 лет назад
Muy buen tutorial, también estaría bien poner este mismo tutorial con display:inline-block para ver otras posibilidades.
@buhoo__
@buhoo__ 7 лет назад
Sos la luz viejo! lo sabias? gracias por el Tuto!
@fanygomez3689
@fanygomez3689 7 лет назад
buen video!! >D gracias por compartir, una pregunta tienes ejemplos usando posición absoluta,fija y relativa?
@florenciaisagalindo6410
@florenciaisagalindo6410 4 года назад
Muchas gracias!! la explicación es muy clara y sencilla. Saludos
@ramond12
@ramond12 2 года назад
Estuvo muy bueno el video, se aprende rápido de esta manera. Gracias 😁
@alberboxtytravel
@alberboxtytravel 5 лет назад
he aprendido contigo mas que con falcon masters en cuestion de posicionamiento de cajas like maquina
@keyquotes
@keyquotes 11 лет назад
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
@boone5741
@boone5741 5 лет назад
Me sirvio mucho para salir de un apuro de ultima hora. Muchas gracias!
@jamming1984
@jamming1984 9 лет назад
muchas gracias!!! con este tutorial me ayudaron muchisimo :)
@thekookero
@thekookero 10 лет назад
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!
@TheByMarkel
@TheByMarkel 8 лет назад
Eres el mejor, te lo agradezco mucho!! Mercii y sigue asi
@josrolandogranadosrivera4933
@josrolandogranadosrivera4933 2 года назад
Gran tutorial me sirvió bastante para lo que mi profesor no explico, muchas gracias
@nicolaspelegrin9314
@nicolaspelegrin9314 7 лет назад
Más claro imposible. Muchas gracias!
@CookieMan_YT
@CookieMan_YT 7 лет назад
Gracias a tus tutoriales pase mi semestre
@harbett_
@harbett_ 11 лет назад
Gracias amigo!!! Esto estaba buscando tutoriales de pocisionamiento Olle puedes hacer seguir haciendo este tipo de videos asi como de adobe edge tambien
@andresvega6001
@andresvega6001 10 лет назад
Muy buen tutorial, me subscribi espero mas contenido como este +10
@cybermozilla6171
@cybermozilla6171 6 лет назад
+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?
@martinr.4795
@martinr.4795 9 лет назад
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.
@hanita1394
@hanita1394 10 лет назад
Gracias por el tutorial !! Explicas de maravilla ;)
@johnnyduran2527
@johnnyduran2527 6 лет назад
excelente video!! entendí mas que en clases
@unciudadanoejemplar5097
@unciudadanoejemplar5097 7 лет назад
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
@loanyelo15
@loanyelo15 5 лет назад
¿como moverías el rojo con los cuadros que tiene adentro sin que pierdan el orden y que sigan pegados? y hacerlos flexbox
@borisrojas3123
@borisrojas3123 11 лет назад
Puedes poner además de pixeles en las medidas, porcentajes? para que ocupen toda la pantalla independiente del tamaño de esta?
@UlisesGB.
@UlisesGB. 7 лет назад
amigo mio te agradezco infinitamente estaba pariendo chinos con eso...saludos (Y)
@user-rz8no4js8z
@user-rz8no4js8z 4 месяца назад
Muchas gracias, Me gustó mucho tu explicación
@papierick0285
@papierick0285 4 года назад
Buen video bro, gran calidad, excelente audio, muchas gracias bro me ayudaste muchísimo ✌️🥺
@keyquotes
@keyquotes 4 года назад
EsseErickson me alegro que te haya servido! 🤪
@juanmanueldelapena6805
@juanmanueldelapena6805 10 лет назад
perfecta explicación, clara y sin pausa, un 10 :-)
@desk6173
@desk6173 3 года назад
sigues vivo?
@sebarusempai6306
@sebarusempai6306 5 лет назад
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.
@diliasanchez3706
@diliasanchez3706 7 лет назад
excelente, muchísimas gracias. Enseñas mejor que mi profesor. :/
@zenekis
@zenekis 5 лет назад
Hola gracias por el video, para que sirve la etiqueta de reset que creas al principio de la hoja de estilos??
@cristianbustamante62
@cristianbustamante62 6 лет назад
gracias por fin entendí como mover los css
@kaosnocturno
@kaosnocturno 11 лет назад
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
@cristianrubattovivas9745
@cristianrubattovivas9745 9 лет назад
Te mereces mi suscripcion hermano , me ayudaste , GRACIAS
@satanvato8808
@satanvato8808 2 года назад
Brooooo realmente me haz salvado estoy muy agradecido saludos
@eduardovaldezlopez567
@eduardovaldezlopez567 7 лет назад
Muy bueno tu video me ayudo muchisimo ya tienes un subscritor mas :D
@edwinloaiza1017
@edwinloaiza1017 7 лет назад
felicitaciones excelente despeje muchas dudas gracias
@keyquotes
@keyquotes 11 лет назад
ok gracias por el aporte, lo tendre en cuenta
@wilog3843
@wilog3843 7 лет назад
Muchas gracias viejo, te amo :v
@Narux
@Narux 4 года назад
Muchas gracias por el vídeo.!!!
@carlosneyra7044
@carlosneyra7044 3 года назад
te amo viejo, me has salvado de una
@beeto9127
@beeto9127 11 лет назад
amigo buen tuto pero que programa es ese que usas?
@Tomy_Music
@Tomy_Music 4 года назад
Hola bro, tengo una pregunta: ¿Como hago para montar el texto encima del recuadro
@adrianaleman9894
@adrianaleman9894 4 года назад
Amigo se puede añadir una barra vertical de navegacion en un solo div y en otro div colocarle texto al lado derecho?
@tecnomao5276
@tecnomao5276 3 года назад
Dios, me has salvado la vida. Gracias
@josecerda6278
@josecerda6278 4 года назад
Muchas gracias por la explicacion, muy claro todo.
@keyquotes
@keyquotes 4 года назад
Me alegro que te haya ayudado!!
@edgarosorio6076
@edgarosorio6076 5 лет назад
saludos declarar id en ves de la clase es una mala practica o solo una observacion
@camilaerr3708
@camilaerr3708 4 года назад
gracias wey te amo estaba toda perdida enseñas mejor que mi profe u_u te agradezco mucho este video
@keyquotes
@keyquotes 4 года назад
Me alegro que te haya servido! 😜
@jamesceballos4197
@jamesceballos4197 7 лет назад
excelente tutorial. gracias.
@v92Promo
@v92Promo 8 лет назад
Muy bueno el video; super!!!
@corracaia
@corracaia 9 лет назад
Hola amigo muy buen video, mira, es necesario que siempre se haga un contenedor general para poner todo ahí??
@keyquotes
@keyquotes 9 лет назад
se hace por el encuadre de los divs, sobre todo por las diferentes resoluciones que tienen las pantallas de hoy en dia. un saludo
@desagotelaestrella5816
@desagotelaestrella5816 5 лет назад
GRACIAS!!! Y muy bueno que no pones música de fondo!!
@keyquotes
@keyquotes 10 лет назад
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
@isaacmorenohernandez485
@isaacmorenohernandez485 6 лет назад
buen video, explicas bien.
@pipepi4888
@pipepi4888 4 года назад
Hola!! Este queda responsive?
@suntienda5749
@suntienda5749 Месяц назад
Gracias muy buen video
@milkyway3466
@milkyway3466 8 лет назад
muy buena bro me salvo!
@eylercruzramirez5682
@eylercruzramirez5682 8 лет назад
exelente video gracias cumpita ^_^
@WagnerDeCampos
@WagnerDeCampos 10 лет назад
nuevamente muy bueno el tut
@kellyshemelly2376
@kellyshemelly2376 6 лет назад
Quisiera saber si eso también se puede hacer en section
@emanuelesparraguera48
@emanuelesparraguera48 Год назад
Buenos vídeos. Son de mucha ayuda
@jrmanov
@jrmanov Год назад
Muy bien explicado!!
@yach9546
@yach9546 2 года назад
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.
@BeetBlueyou
@BeetBlueyou 5 лет назад
es necesario poner el "div" en el css, no solo puedo escribir el nombre del id junto a su #?
@YoSoyDivina
@YoSoyDivina 10 лет назад
Gracias, muy bueno.
@FanetikStudio
@FanetikStudio 10 месяцев назад
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!
@mix-to2472
@mix-to2472 7 лет назад
Exelente Muy bueno!! :D
@hugocangi6214
@hugocangi6214 8 месяцев назад
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
@hermain-vm
@hermain-vm 8 месяцев назад
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?
@tinta010
@tinta010 10 лет назад
hola una consulta como haces para que el div ofertas quede en top ami me queda en el medio diremos... gacias
@FilipeLosoft
@FilipeLosoft 9 лет назад
Gostei do vídeo muito bom continue assim
@andreluis1117
@andreluis1117 8 лет назад
obrigado, +1 inscrito!
@Preto070
@Preto070 10 лет назад
Muchas Gracias!!!!!
@joseantoniosanchesgarcia9220
@joseantoniosanchesgarcia9220 7 лет назад
hola bro por alguna razon no me sale el contenedor, y pongo el mismo codigo que tu y no me sale nada, trabjo en sublime text
@diegopichaco9384
@diegopichaco9384 10 лет назад
solo me aparece el primer div los siguientes no aparecen a que puede ser debido. gracias
@keyquotes
@keyquotes 11 лет назад
gracias a ti un saludo
@moni7970
@moni7970 9 лет назад
muchas gracias!!!!!!!!!!!!
@natalypolovargas9908
@natalypolovargas9908 6 лет назад
me puede brindar su ayuda, quisiera aprender hacer una maquetacion en sublime utilizando el codigo php; como le podria enviar un trabajo
@kyokiX_X
@kyokiX_X 3 года назад
Pero puedo colocar otro div dentro dentro de lis recuadros azul, verde y púrpura?
@FewProxy
@FewProxy 2 года назад
si se puede
@yoteenseno2672
@yoteenseno2672 5 лет назад
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
@gratosgamer4645
@gratosgamer4645 6 лет назад
puedo hacerlo en blog de notas?
@keyquotes
@keyquotes 11 лет назад
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
@pauloantoniovallejosvallejos
@pauloantoniovallejosvallejos 8 лет назад
muy bueno gracias
@elkinpineda457
@elkinpineda457 3 года назад
Buena explicación.
@juanmad4300
@juanmad4300 9 лет назад
excelente gracias
@nestorgoho
@nestorgoho 8 лет назад
como se haria con html5 y css3 y con la etiqueta section? saludos :)
@CesarFabian1891
@CesarFabian1891 4 года назад
excelente video
Далее
Estructura Basica Pagina Web HTML 5  Y CSS3
19:06
Просмотров 225 тыс.
Продавец года 😂
00:59
Просмотров 2,1 млн
ELE QUEBROU A TAÇA DE FUTEBOL
00:45
Просмотров 9 млн
КВН 2024 Высшая лига Первая 1/4
1:47:58
Responsive Flexbox Layout in 2 Minutes
2:41
Просмотров 9 тыс.
como poner un DIV a la DERECHA de OTRO 🍏
9:14
Просмотров 25 тыс.
Guía sobre Flexbox en CSS
8:56
Просмотров 69 тыс.
Продавец года 😂
00:59
Просмотров 2,1 млн