Muy bueno este curso, aunque sea de hace unos años, por lo menos se va metiendo uno en el (meollo) de dicho curso y el que no sabe nada como yo nos encamina a la dirección correcta, gracias por este cursillo amigo, que sepas que lo que más me gusta en tu enseñanza es lo de la palabra (Chiste), ya se que esto estará mucho más avanzado, pero me gusta como explicas las cosas aunque te repitas el curso está sensacional, gracias anticipadas..
Al Franco mi profe de diseño de pagina no sabe nada deso y estava improvisando con falcom pude aprender ademas de que cree una pagina super epica para alguien tan novato como yo gracias a el
Saludos Carlos, tus videos son impresinantes, la verdad que no sabes lo me ayudan, me uno a los muchos seguidores que tienes, los cuales infinitamente te agradesco tu tu ayuda. Carlos tengo una pregunta. Como coloco una imagen de fondo la cual pueda posicionar detras del texto.? me refiero con css. Gracias anticipadas.
Aunque parezca mentira, Sí, me he planteado la misma pregunta, y luego digo, " y este efecto... cómo lo lograría...?" y luego repaso: "Ah! CSS debe tener alguna propiedad para eso..." "lo había visto en un vídeo pero no me acuerdo. A buscarlo otra vez." O sino, cuando ya hiciste lo que pudiste, en algún momento ves un vídeo y dices: "Pero esto era lo que yo quería hacer! y era tan simple como poner -float:left; por ejemplo."
muchas gracias hermano buen audio,bien explicado, muy interesante te has ganado un suscriptor mas, he visitado tu sitio y esta genial, solo tengo una pregunta como puedo saber cuales son las etiquetas completas que puedo utilizar en css y html lo he buscado por varios lados y tengo muchas en el caso de html pero cada que investigo algo me aparecen mas etiquetas, espero me puedas ayudar gracias de antemano y en css si estoy en blanco y quisiera saber cuantas y que tipo de etiquetas puedo ocupar ahi, gracias de antemano hermano buenos videos
bro mil gracias a tus tutoriales son muy buen material, por cierto en alguno de tus crusosveremos los tipos de transiciones y/o animaciones , como por ejemplo el efecto de cortina en imagenes?
Buenas que tal carlos! disculpa una pregunta en el 5:29 explicas como centrar la imagen con el display:block, cual seria la diferencia al aplicar margin:0% 35%;? claro esto solo aplica si la img tiene un width:300px;
Hola! quería preguntarte como puedo hacer para centrar una tira de 3 imágenes juntas y que a los dos lados me quede la misma distancia al borde de la pantalla, y que esto me valga para distintas resoluciones de pantalla. Es decir: (espacio izdo a la pantalla)(img1)(img2)(img3)(espacio derecho a la pantalla). Muchas gracias.
hola carlos, para empezar eres lo maximo he aprendido mucho contigo. ahora: tengo este problema puse mi header nav { position:fixed; top:0px; right:0; width:100%; height:140px; background-color:rgba(0,78,72,0.1); float:left; le preguntaras por que puse float:left en mi nav porque puse ademas la img logo y despues el ul li, al lado como ves el background esta trasparente, pero despues hice esto despues de mi header.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. y en mi ccs: .imgconteiner { width: 100%; position:relative; margin:auto; display:block; } .purple { background:rgba(0,78,72,0.5); width:300px; padding: 20px; border-radius:10px; position: absolute; top:300px; left:300px; } el Problema ahora es que la imagen con el texto se sobrepone por ensima de del header. me puedes ayudar en que me equivoco?
Hola Falcon Master. Tengo una pregunta: ¿Cómo centrar dos (2) imágenes horizontalmente?. Entendi muy bien como centrar una imagen. Si puedes contestar estaría agradecido. De igual manera agradezco mucho por todos esos videos que tienes para el público.
Aun faltan capítulos del curso de CSS, pero puedes comenzar a ver este curso de diseño web en donde creamos la estructura de un sitio. Curso de Diseño Web desde 0 - Introducción Tambien te recomiendo estar al pendiente de mi sitio web en donde publico tutoriales basicos e intermedios sobre css y cosas que se pueden hacer. www.falconmasters.com
Que tal Falcon, ¿para optimizar una pagina para verla en una pc o en un dispositivo movil basta con trabajar con porccentajes en las unidades de medida?
Hola carlos como estas, una duda como pongo una imagen y un label o input que quede de lado como un botón de busqueda y no abajo de esta imagen? saludos
excelentes tutoriales, solo espero que me puedas ayudar con un detalle y es que me gustaria saber como poner un texto en una pagina web y al darle click en ese texto me aparesca una imagen en esa misma pagina, encerrada en una especie de caja o recuadro, no se si me entendi..
hola disculpa mi ignorancia apenas estoy aprendiendo con tus curso que realmente son buenos. necesito ayuda como coloco texto a un lado de la imagen. de antemano se los agradeciere.
aveces utilizo rollovers para las imagenes, pero con JS para manipular el atributo src de la imagen con el evento onmouseover. puedo hacer esto con css? cómo?
Hola de nuevo! Bueno, mi pregunta es, como puedo hacer, que las imagenes, al deslizar el puntero sobre ellas, causen un efecto de salto? Asi como, los enlaces, en hover al aumentarles el font-size?
que pena no encuentro el curso donde hacemos paginas web desde cero, lo mencionaste en algun capitulo de el curso de css no lo recuerdo, ya vi todos los de html y css, gracias por respondeer saludos
hola carlos tengo un problema con las imagenes al momento de cargar ni siquiera pude poner un logo, me gustaria que hagas un video especifico sobre esa parte, me seria de mucha ayuda muchas gracias.
En el selector de la la etiqueta "img" borras la propiedad "display: block" y "margin:auto" a cambio pones lo siguiente: position: absolute; top: 0px; /*la ubicación que desee en el eje de las y*/ bottom:0px ; rigth: 0px; left: 50px; /*la ubicación que desee en el eje de las x*/ - La posición en el eje de las "X" que es lo que quieres siempre la vas a configurar desde la izquierda(left) porque desde la derecha sería algo absurdo aunque se usa para configuraciones mas avanzadas los mismo para el eje de las "Y" siempre vas a configurar desde arriba (top).
- Si no obtiene el resultado dependiendo si tu imagen esta en un contenedor... también puedes configurar el contenedor padre con "position: relative" para que las coordenadas empiecen desde la caja contenedor. Todo esto lo explicó Carlos Arturo de este curso en el vídeo 7 posicionamiento de cajas, te recomiendo verlo.
hola carlos arturo, queria hacerte una consulta, al hacer todo eso de la imagen, yo quiero escribir al lado de la imagen un parrafo, al utilizar las etiquetas " no sucede, que estare haciendo mal
Tienes que ponerles un float, porque align left o right solo es para alinear el texto pero no para ponerlo al rededor de una imagen, tienes que ponerle a la imagen un float left
Lo más probable es que ya lo hayas encontrado, pero quizá a alguien más que lea el comentario le sirva, esa propiedad es overflow, asignándole el valor de hidden. overflow: hidden;
Hola, en mi html tengo cuatro imágenes qué sirven como logos y a ellos les e puesto un único tamaño en css. Ahora quiero agregar una foto grande ¿cómo puedo hacer para cambiar el tamaño y mi foto se vea grande?
olle tengo un problema inserto una imagen y la organiso con css y cuendo quiero organisar otro se daña o se desordena y coje la forma que la primera que inserte !espero ayuda!
Gracis, lo q no entiendo es como hacer para que una imagen tenga diferentes características. Porque vos lo mostras solo con una, pero si tengo dos imagenes y quiero q tengas distintos tamaños por ejemplo?
Hola me gustaría saber de algún código para que se vean completas las imágenes de tro de un container , sería foto de portada cuando subo una se ve center center y no completa, me gustaría que se viese completa en la opción móvil, cómo puedo hacerlo? Gracias
una preguntota.....dibuje 4 triangulos utilizando css, se necesita meter en uno de los triangulos una foto como fondo......he investigado y no he dado con la solucion.... podrias ayudarme con esto Falcon Masters???!!!
hola, supongo que habrán encontrado una respuesta, me intereso la pregunta, buscando y buscando y probando encontré una manera, bastante rebuscada, pero si aun les sirve, coméntame y te paso lo que escribí, o te lo paso por mail, mi dirección es benelliraul@gmail.com .saludos
Hola buen video, pero tengo una pregunta en el momento que quiero agregar 2 imagenes y una quiero que tenga por ejemplo 300px y la otra 100px por decirlo asi, como deberia ponerlas en el archivo css para que me reconozca una y la otra? se deberia asignarle una Id ? y si es asi como se pondria?
La pregunta podría ser más compleja. Esas dos imágenes se mostrarían en la misma página al mismo tiempo? O solo una en diferentes tamaños de pantalla? Si es para que se vean a la vez una al lado de la otra, solo creas clases diferentes para la misma imagen. El #ID lo va a limitar totalmente. NO lo uses! .imagen-300px {width:100%;} .imagen-100px {width: 33.33%} y la lista puede seguir..... .imagen-30px {width: 10%} /* para blackberries*/ .imagen-900px {width:300%} /*para alta gama/* ... y todo con UN-SOLO-archivo-imagen.jpg. Lo Mejor es tener una foto de mayor tamaño 1200px que luego la vas bajando en CSS para que no se muestre pixelada AHORA BIEN, si quieres que estén una DEBAJO DE LA OTRA, lo mejor es que estén dentro de un contenedor como o simplemente y le añadas "display:block;". Recuerda que las imágenes de por sí tienen el display inline como lo dice este vídeo también. Si es para diferentes pantallas, hay que agregarle los "MEDIA QUERIES" respectivos. Y no los pongo porque no sé exactamente qué es lo que buscas. Bonus TIP: Los #ID los recomiendo solo para targets, tabs, javascripts, o internal links (tipo páginas de FAQ). Si bien tienen la más alta especificidad, se considera una mala práctica usarlos como un selector más tipo CLASE. A no ser que estés recontra seguro de que ese #ID no lo vas a repetir en ninguna otra página de tu sitio/proyecto.
Son propiedades diferentes. border-radius te permite ponerle bordes redondeados, mientras que border te permite añadir un borde al rededor del elemento.
creo que deberías centrar la imagen dentro de la caja, que quede un padding suficiente como para que cuando le des a la .caja{border-radius: "numero"px;} solo la caja tenga borde y la imagen no, igual no se xD inténtalo asi, estoy suponiendo, soy nuevo en esto, pero la mejor manera de aprender es probando, porque es la manera que vas a tener de familiarizarte 100% con el lenguaje
Repito la pregunta de un comentario abajo "Que tal Falcon, ¿para optimizar una pagina para verla en una pc o en un dispositivo movil basta con trabajar con porccentajes en las unidades de medida?"
*Che Carlos Arturo, tengo un problema con el tema Links, te cuento:* *En html pongo: Nombre y funciona perfectamente* *Pero al momento de usarlo en css: a {color:#0000;}, no me agarra los datos* *¿Cual puede ser el problema?*
Tienes algun error en tu codigo, revisa que te puede faltar, quizás te falto algún punto y coma. Si no te funciona ningun estilo css, es porque tienes la ruta del archivo mal.
Eres bastante bueno explicando. deberías hacer el avanzado de html. CSS y javascript.
señor Carlitos por usted es porque no repruebo, muchas gracias
Zattanhas Haha excelente, muchas gracias a ti por ver el curso :)
tengo varias imagenes y la etiqueta img las deja del mismo tamaño y hay imagenes que deben ser mas pequeñas estan en div diferentes como lo acomodo?
coloquelas con diferente "referencia "
Carlitos heroe sin capa :')
amigo tu curso de pago es en pesos mexicanos o en dolares?? ojala puedas responder rapido gracias :)
Excelente curso amigo. Lo felicito. Soy docente jubilado (venezuela). Usted es un maestro. He aprendido muchísimo.
Woooooow!!!!... No sabes cuanto estoy aprendiendo con estos cursos. De verdad , mil gracias por compartir tus conocimientos en este canal.
Estos videos me salvaron el semestre. Un saludo.
Muy bueno este curso, aunque sea de hace unos años, por lo menos se va metiendo uno en el (meollo) de dicho curso y el que no sabe nada como yo nos encamina a la dirección correcta, gracias por este cursillo amigo, que sepas que lo que más me gusta en tu enseñanza es lo de la palabra (Chiste), ya se que esto estará mucho más avanzado, pero me gusta como explicas las cosas aunque te repitas el curso está sensacional, gracias anticipadas..
literalmente no sabria como agradecerte todo lo que hiciste por mi con estos tutoriales de html y css pero aun asi no sea suficiente gracias por todo
para que te sirvio?
Al Franco mi profe de diseño de pagina no sabe nada deso y estava improvisando con falcom pude aprender ademas de que cree una pagina super epica para alguien tan novato como yo gracias a el
Es lo mejor que he visto en cuanto a tutoriales en youtube
Potser podria deixar de riure dels professors del col·legi sant francesc gracies
Talento para enseñar. Eres un genio.
Con este curso, los gráficos cutres de mi sistema PHP quedarán en el olvido. Felicitaciones falcon y gracias.
nose porque no tienes 1millon de subs eres el mejor , MEJOR QUE EL COJUDO DE MI PROFE QUE HABLA Y HABLA PERO NO EXPLICA
Grande Falcon, estuvo muy interensate el tema de border y las propiedades de img!!
Saludos Carlos, tus videos son impresinantes, la verdad que no sabes lo me ayudan, me uno a los muchos seguidores que tienes, los cuales infinitamente te agradesco tu tu ayuda.
Carlos tengo una pregunta. Como coloco una imagen de fondo la cual pueda posicionar detras del texto.? me refiero con css.
Gracias anticipadas.
en el curso hay videos en los que te preguntas ¿algun dia usare esto? y otros que son muy utiles como este, muy utiles todos
Aunque parezca mentira, Sí, me he planteado la misma pregunta, y luego digo, " y este efecto... cómo lo lograría...?" y luego repaso: "Ah! CSS debe tener alguna propiedad para eso..." "lo había visto en un vídeo pero no me acuerdo. A buscarlo otra vez." O sino, cuando ya hiciste lo que pudiste, en algún momento ves un vídeo y dices: "Pero esto era lo que yo quería hacer! y era tan simple como poner -float:left; por ejemplo."
Hola. Tengo mañana un examen y todo lo estudio por tus tutoriales. Mi profesora se explica muy mal. Ya contaré como me fue :D
Carlos tu videos me an ayudado mucho Grasias
Espectacular capítulo!!! lo haces todo tan fácil!!!
eres el mejor
Muy bueno. Gracias.
Gracias me ayudo mucho
muchas gracias hermano buen audio,bien explicado, muy interesante te has ganado un suscriptor mas, he visitado tu sitio y esta genial, solo tengo una pregunta como puedo saber cuales son las etiquetas completas que puedo utilizar en css y html lo he buscado por varios lados y tengo muchas en el caso de html pero cada que investigo algo me aparecen mas etiquetas, espero me puedas ayudar gracias de antemano y en css si estoy en blanco y quisiera saber cuantas y que tipo de etiquetas puedo ocupar ahi, gracias de antemano hermano buenos videos
bro mil gracias a tus tutoriales son muy buen material, por cierto en alguno de tus crusosveremos los tipos de transiciones y/o animaciones , como por ejemplo el efecto de cortina en imagenes?
Buenas que tal carlos! disculpa una pregunta en el 5:29 explicas como centrar la imagen con el display:block, cual seria la diferencia al aplicar margin:0% 35%;? claro esto solo aplica si la img tiene un width:300px;
Siempre aprendo bien en estos cursos :D
Hola! quería preguntarte como puedo hacer para centrar una tira de 3 imágenes juntas y que a los dos lados me quede la misma distancia al borde de la pantalla, y que esto me valga para distintas resoluciones de pantalla.
Es decir: (espacio izdo a la pantalla)(img1)(img2)(img3)(espacio derecho a la pantalla).
Muchas gracias.
carlos arturo eres un mago mil gracias
esta parte fue divertida de hacer jajsjas
excelentes vídeos. Aun estoy iniciando en programación me gustaría saber si sql puede usarse conjuntamente con java script
amigo no se le puede poner color al padding para que no se vea blanco ese espacio?
hola carlos, para empezar eres lo maximo he aprendido mucho contigo.
ahora: tengo este problema
puse mi header nav {
position:fixed;
top:0px;
right:0;
width:100%;
height:140px;
background-color:rgba(0,78,72,0.1);
float:left;
le preguntaras por que puse float:left en mi nav porque puse ademas la img logo y despues el ul li, al lado como ves el background esta trasparente, pero despues hice esto despues de mi header.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
y en mi ccs:
.imgconteiner {
width: 100%;
position:relative;
margin:auto;
display:block;
}
.purple {
background:rgba(0,78,72,0.5);
width:300px;
padding: 20px;
border-radius:10px;
position: absolute;
top:300px;
left:300px;
}
el Problema ahora es que la imagen con el texto se sobrepone por ensima de del header. me puedes ayudar en que me equivoco?
6:56 mataron a un aldeano
Gracias por el video, la verdad es muy util.
muchas grasias
El efecto redondo de la imagen no me funciono me queda ovalada-----Alguien le paso lo mismo?----...voy a seguir intentando hasta lograrlo
Es porque tu imagen no es proporcional en todos sus lados (¿rectangular quizá?)
Cual es el comando para comentar?
¡Muchas gracias por los tutoriales!
Hola Falcon Master. Tengo una pregunta: ¿Cómo centrar dos (2) imágenes horizontalmente?. Entendi muy bien como centrar una imagen. Si puedes contestar estaría agradecido. De igual manera agradezco mucho por todos esos videos que tienes para el público.
Intenta de esta forma
img{
max-width: 55%;
height: auto;
padding: 5px;
display:inline-block;
}
.centrar-imagen{
text-align: center;
}
Ya vi todos los capitulos de css y html. Que otro video me recomiendas para hacer una pagina web? :c
Aun faltan capítulos del curso de CSS, pero puedes comenzar a ver este curso de diseño web en donde creamos la estructura de un sitio. Curso de Diseño Web desde 0 - Introducción
Tambien te recomiendo estar al pendiente de mi sitio web en donde publico tutoriales basicos e intermedios sobre css y cosas que se pueden hacer.
www.falconmasters.com
Gracias :D ¡¡¡
Seguiré con los capítulos que faltan y tu pagina la tengo en la barra de marcadores xD
Gracias por el código
Eres grande bro, contigo he aprendido muchísimo, sigue así
Excelente !!! gracias amigo
Necesito una ayuda!, Cómo hago para que la imagen esté a la derecha
muchas gracias.
Que tal Falcon, ¿para optimizar una pagina para verla en una pc o en un dispositivo movil basta con trabajar con porccentajes en las unidades de medida?
Al asignar padding a una imagen también aumenta el tamaño de la imagen? o esta se oculta?
aporte: Si quisieras el elegir el color del espacio otorgado por el padding, bastara con que agregues la opción background
Buen curso lo recomiendo
gracias por los videos falcon
Muchas Gracias !!!!
Hola carlos como estas, una duda como pongo una imagen y un label o input que quede de lado como un botón de busqueda y no abajo de esta imagen? saludos
deberias sacar cursos de css3 y html5 :))
oye carlos gracias por tus videos pero tengo una duda sera que me sirve en ves de sublime text puedo usar apnastudio 3
excelentes tutoriales, solo espero que me puedas ayudar con un detalle
y es que me gustaria saber como poner un texto en una pagina web y al darle click en ese texto me aparesca una imagen en esa misma pagina, encerrada en una especie de caja o recuadro, no se si me entendi..
Buenas noches Carlos Arturo, mi pregunta es la siguiente: ¿Cómo hago para colocar un efecto a una imagen en especifico ?, saludos.
con @keyframes,animation,transform,translate,todo depende que tipo de efecto quieras..
hola disculpa mi ignorancia apenas estoy aprendiendo con tus curso que realmente son buenos. necesito ayuda como coloco texto a un lado de la imagen. de antemano se los agradeciere.
as02tro Mira, este es el código, pero te recomiendo ver el curso completo ;)
section article img
{float:right;
padding:5px;
}
Aldo Ibarra muchas gracias me fue de gran ayuda, si ya lo vi todo y otros. de tu canal.
aveces utilizo rollovers para las imagenes, pero con JS para manipular el atributo src de la imagen con el evento onmouseover. puedo hacer esto con css? cómo?
con esto y lo anterior hize que a poner el mouse en una imagen se expanda ya me siento pro
Es genial!!
me salvaste !!
Gracias
Hola de nuevo!
Bueno, mi pregunta es, como puedo hacer, que las imagenes, al deslizar el puntero sobre ellas, causen un efecto de salto?
Asi como, los enlaces, en hover al aumentarles el font-size?
buenas tardes, gracias por el video. ¿qué valores se usan para que la imagen sea responsive? saludos
Eres el mejor!
Bueno sus vídeos son muy buenos lo puedo contactar para resolver un problemas mas especifico
Estimado, tengo la imagen en una div logro centrarla horizontal, de acuerdo a tus pasos, como lo hago para centrarla verticalmente?
Hola
Cómo hago para poder trabajar imágenes por separado o en grupo? Ejemplo quiero mi logo circular, pero los productos cuadrados
Gracias
muy buenos cursos, que programa usas para hacer tus videos?? saludos
que pena no encuentro el curso donde hacemos paginas web desde cero, lo mencionaste en algun capitulo de el curso de css no lo recuerdo, ya vi todos los de html y css, gracias por respondeer saludos
busca en su web, ahi esta, yo lo vi ahi
Excelente tutorial,, pero tengo una pregunta ¿se puede ponerle la sombra solo a unas imágenes y a otras no?
creo que designandoles class a cada una
excelente
Si tengo 2 imagenes en *HTML* como hago para hacer lo que quiera con cada imagen si modificar la otra???
Agrega una clase a una y modifica esa clase
genio !
hola carlos tengo un problema con las imagenes al momento de cargar ni siquiera pude poner un logo, me gustaria que hagas un video especifico sobre esa parte, me seria de mucha ayuda muchas gracias.
Hola. Como ubico a gusto la imagen hacia la derecha e izquierda?
El margin solo me sirve para la distancia desde la parte superior
Saludos
En el selector de la la etiqueta "img" borras la propiedad "display: block" y "margin:auto" a cambio pones lo siguiente:
position: absolute;
top: 0px; /*la ubicación que desee en el eje de las y*/
bottom:0px ;
rigth: 0px;
left: 50px; /*la ubicación que desee en el eje de las x*/
- La posición en el eje de las "X" que es lo que quieres siempre la vas a configurar desde la izquierda(left) porque desde la derecha sería algo absurdo aunque se usa para configuraciones mas avanzadas los mismo para el eje de las "Y" siempre vas a configurar desde arriba (top).
- Si no obtiene el resultado dependiendo si tu imagen esta en un contenedor... también puedes configurar el contenedor padre con "position: relative" para que las coordenadas empiecen desde la caja contenedor. Todo esto lo explicó Carlos Arturo de este curso en el vídeo 7 posicionamiento de cajas, te recomiendo verlo.
se puede hacer border-radius con el background ? porque he intentado y no puedo.
hola carlos arturo, queria hacerte una consulta, al hacer todo eso de la imagen, yo quiero escribir al lado de la imagen un parrafo, al utilizar las etiquetas " no sucede, que estare haciendo mal
Tienes que ponerles un float, porque align left o right solo es para alinear el texto pero no para ponerlo al rededor de una imagen, tienes que ponerle a la imagen un float left
y si tengo que modificar dos imagenes como hago? porque cada vez que hago una modificacion a una se modifica la otra
Tienes un curso de Phyton con Boostrap??
Tengo una duda, como hago para que cuando hago una caja y adentro una imagen pero solo quiero que la parte que cabe adentro de la caja se mire?
Lo más probable es que ya lo hayas encontrado, pero quizá a alguien más que lea el comentario le sirva, esa propiedad es overflow, asignándole el valor de hidden.
overflow: hidden;
@@AlejandroRiveraRt tenias razón amigo
Hola, en mi html tengo cuatro imágenes qué sirven como logos y a ellos les e puesto un único tamaño en css. Ahora quiero agregar una foto grande ¿cómo puedo hacer para cambiar el tamaño y mi foto se vea grande?
ami tambien me pasa ahora
agrega un class="" a la imagen que quieras modificar y solo modificas ese class con css
@@CA-Ezez agrega un class
olle tengo un problema inserto una imagen y la organiso con css
y cuendo quiero organisar otro se daña o se desordena y coje la forma que la primera que inserte !espero ayuda!
Viejo voy a comprar el curso completo. Tienes otra forma de pago??
Como hago para poner una imagen junto a la otra, ayudenme porfavor!
El capítulo debería llamarse "Propiedades básicas para imágenes". No lo que que busco, pero bien explicado. Me aclaró algo más.
Amigo por eso el titulo del video es ''Curso BASICO de CSS'', y ya por ende, cada explicacion es basica
Gracis, lo q no entiendo es como hacer para que una imagen tenga diferentes características. Porque vos lo mostras solo con una, pero si tengo dos imagenes y quiero q tengas distintos tamaños por ejemplo?
Ya intente con darle una clase, pero no me lo toma no se por que
Entonces usarías 2 clases, cada una tendría unos estilos diferentes.
FalconMasters te amo papa saludos desde 🇦🇷
Genial tutorial y si quieres meter mas de una imagen, como haces !! alguno puede ayudar ! muchas gracias gente
Hola me gustaría saber de algún código para que se vean completas las imágenes de tro de un container , sería foto de portada cuando subo una se ve center center y no completa, me gustaría que se viese completa en la opción móvil, cómo puedo hacerlo? Gracias
Puedes ponerle la propiedad de background-size: cover;
@@FalconMasters si lo pongo se encargara la foto en el l container 100%
una preguntota.....dibuje 4 triangulos utilizando css, se necesita meter en uno de los triangulos una foto como fondo......he investigado y no he dado con la solucion.... podrias ayudarme con esto Falcon Masters???!!!
Si lograte dr con l solucion porfavor compartemela que tambien la necesito
hola, supongo que habrán encontrado una respuesta, me intereso la pregunta, buscando y buscando y probando encontré una manera, bastante rebuscada, pero si aun les sirve, coméntame y te paso lo que escribí, o te lo paso por mail, mi dirección es benelliraul@gmail.com .saludos
hola, también me intereso la pregunta, dejo mi email, por si lograron la respuesta cristinbmaia@gmail.com
Hola buen video, pero tengo una pregunta en el momento que quiero agregar 2 imagenes y una quiero que tenga por ejemplo 300px y la otra 100px por decirlo asi, como deberia ponerlas en el archivo css para que me reconozca una y la otra?
se deberia asignarle una Id ? y si es asi como se pondria?
ami tambien me pasa
La pregunta podría ser más compleja. Esas dos imágenes se mostrarían en la misma página al mismo tiempo? O solo una en diferentes tamaños de pantalla?
Si es para que se vean a la vez una al lado de la otra, solo creas clases diferentes para la misma imagen. El #ID lo va a limitar totalmente. NO lo uses!
.imagen-300px {width:100%;}
.imagen-100px {width: 33.33%}
y la lista puede seguir.....
.imagen-30px {width: 10%} /* para blackberries*/
.imagen-900px {width:300%} /*para alta gama/*
... y todo con UN-SOLO-archivo-imagen.jpg. Lo Mejor es tener una foto de mayor tamaño 1200px que luego la vas bajando en CSS para que no se muestre pixelada
AHORA BIEN, si quieres que estén una DEBAJO DE LA OTRA, lo mejor es que estén dentro de un contenedor como o simplemente y le añadas "display:block;". Recuerda que las imágenes de por sí tienen el display inline como lo dice este vídeo también.
Si es para diferentes pantallas, hay que agregarle los "MEDIA QUERIES" respectivos. Y no los pongo porque no sé exactamente qué es lo que buscas.
Bonus TIP: Los #ID los recomiendo solo para targets, tabs, javascripts, o internal links (tipo páginas de FAQ). Si bien tienen la más alta especificidad, se considera una mala práctica usarlos como un selector más tipo CLASE. A no ser que estés recontra seguro de que ese #ID no lo vas a repetir en ninguna otra página de tu sitio/proyecto.
@@CA-Ezez Supongo que ya lo habras solucionado, pero agregando la etiqueta class '' '' para diferenciar una imagen de la otra
Y si quiero poner más abajo la imagen en medio de la página?
Y si ya tengo un div asignado para los parrafos? como lo hago???
auxilio la imagen no se me centra , que hago
ASESORIA ESCOLAR
Inicio
Clases que ofrezco
Formulario
Descargas
a {
font-size:20px;
text-decoration:none;
margin:10px 20px;
display:inline-block;
background:#3BA7E1;
color:#fff;
padding:10px 20px;
box-shadow:0px 5px 0px #1D64A6;
}
a:hover {
box-shadow:0px 2px 0px "#000"
background:#ccc;
}
a:active {
box-shadow:none;
}
div {
background:#ccc;
width:100%;
}
img {
height:auto;
width:300px;
margin:auto;
display:block;
}
El que sepa qe puedo hacer, porfavor ayudeme, gracias
¿Qué pasa cuando tienes órdenes redundantes como, por ejemplo, el de border-radius y border en el mismo elemento?
Son propiedades diferentes. border-radius te permite ponerle bordes redondeados, mientras que border te permite añadir un borde al rededor del elemento.
Claro, ya lo vi, yo esperaba que border-radius fuese para la img... por eso entendí que eran excluyentes
buenas como haría para poner dos imágenes en cada esquina de la parte superior
hola! cómo hacés para que los bordes del marco sean circulares pero no los bordes de tu imagen?
creo que deberías centrar la imagen dentro de la caja, que quede un padding suficiente como para que cuando le des a la .caja{border-radius: "numero"px;}
solo la caja tenga borde y la imagen no, igual no se xD inténtalo asi, estoy suponiendo, soy nuevo en esto, pero la mejor manera de aprender es probando, porque es la manera que vas a tener de familiarizarte 100% con el lenguaje
como le hago para poner una imagen abajo como contenedor y poner arriba del contenedor otra imagen
si necesito modificar el tamaño de un logo en la versión style-mobile.css (?)
Excelentes vídeos
Como hago para que la imagen se agrande en su totalidad de la pantalla??
Repito la pregunta de un comentario abajo "Que tal Falcon, ¿para optimizar una pagina para verla en una pc o en un dispositivo movil basta con trabajar con porccentajes en las unidades de medida?"
+66javi66 No amigo, necesitas utilizar media querys para poder hacer sitios responsives. busca algun tutorial de mediaqueries, todo es con css.
*Che Carlos Arturo, tengo un problema con el tema Links, te cuento:*
*En html pongo: Nombre y funciona perfectamente*
*Pero al momento de usarlo en css: a {color:#0000;}, no me agarra los datos*
*¿Cual puede ser el problema?*
Lo que pasa es que tienes cuatro ceros, ponle solo 3 a color:#000;
FalconMasters
*pero me pasa con todas las* *instrucciones que le pongo. No* *sólo en color*
Tienes algun error en tu codigo, revisa que te puede faltar, quizás te falto algún punto y coma. Si no te funciona ningun estilo css, es porque tienes la ruta del archivo mal.
*Ya lo solucioné Falconi Master, sos un genio!!*
*Una duda extra:*
*¿Esto qué es y qué hace?*
**
**
**
Establece el lenguaje que quieres usar en la pagina y con UTF-8 le indicas que se puedan usar algunos caracteres como las ñ
Cuando ago lo mismo nosé porque no seme refleja la imagen en el navegador