-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 11 clases
Sección portada
expand_more-
done_all
Clase 1
9.- Mostrar vídeo
-
done_all
Clase 2
10.- Centrar vídeo
-
done_all
Clase 3
11.- Poster y límites de tamaño
-
done_all
Clase 4
12.- Centrar contenido verticalmente
-
done_all
Clase 5
13.- Trabajando con z-index
-
done_all
Clase 6
14.- Google Fonts
-
done_all
Clase 7
15.- Colocar logo y menú
-
done_all
Clase 8
16.- Bootstrap
-
done_all
Clase 9
17.- Programación en HAML
-
done_all
Clase 10
18.- Terminando navegación, transiciones y hover
-
done_all
Clase 11
19.- Trabajando con Position
-
-
check_circle_outlineMódulo 3 | 7 clases
Sticky Navigation
expand_more -
check_circle_outlineMódulo 4 | 5 clases
Menú con imágenes
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 6 | 12 clases
Formulario de contacto
expand_more -
check_circle_outlineMódulo 7 | 6 clases
Mapa
expand_more -
check_circle_outlineMódulo 8 | 9 clases
Offline
expand_more -
check_circle_outlineMódulo 9 | 9 clases
Responsive Design
expand_more -
check_circle_outlineMódulo 10 | 4 clases
Deploy
expand_more -
check_circle_outlineMódulo 11 | 1 clases
Retroalimentación de proyecto
expand_more -
check_circle_outlineMódulo 12.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
10 comentario(s)
Mi problema es cuando ejecuto python como servidor local y quiero establecer atributos a CSS no me los aplica por ejemplo quise aplicar el display none y no me aplica la función. Pero si lo abro manualmente el archivo de html ahí si aplico la función.
Como elijo el lenguaje SASS debajo en la derecha en SIMPLE TEXT 3,ya que no lo encuentro con el nombre SASS...
Estimados tengo un problema que el vídeo si respeta el tamaño que se pone en el video-container los 1280x720, mi monitor es de 1920x1080, que tendría que hacer para que en cualquier resolución se vea completo??
simplemente no me hace nada de cambios, si le pongo display: none; si me lo quita, significa que esta enlazado mi css. pero en modificaciones de tamaño no hace nada, aqui mi codigo:
.video-container{
height: 100%;
video{
//Cubra toda la pantalla
min-width:100%;
min-height:100;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
}
(hoy por mi, yo mañana por ti :v)
.video-container{
height: 100%;
video{
//Cubra toda la pantalla
min-width:100%;
min-height:100;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
}
(hoy por mi, yo mañana por ti :v)
E seguido todos los pasos pero el video no muestra modificacion, segun todos mis enlaces de html a css estan bien, y prepros no me da ningun error de compilacion. Pero el problema es que no me modifica nada.
y tengo activado el prepros.
Ayuda porfavor.
y tengo activado el prepros.
Ayuda porfavor.
buenas noches el sitio no esta cargando imagenes ni videos inspeccionando elementos aparecen los siguientes errores
GET http://localhost/videos/images/bbq.jpg 404 (Not Found)
localhost/:42 GET http://localhost/videos/mp4/bbq.mp4
localhost/:42 GET http://localhost/videos/webm/bbq.webm
GET http://localhost/videos/images/bbq.jpg 404 (Not Found)
localhost/:42 GET http://localhost/videos/mp4/bbq.mp4
localhost/:42 GET http://localhost/videos/webm/bbq.webm
Hola,
Al guardar luego de poner esto:
-webkit-transform: (-50%,-50%);
transform: translate (-40%,-50%);
No me deja guardarlo pues me da un error de compilación en la línea 104 que es esta:
-webkit-transform: (-50%,-50%);
Dice algo como:
Invalid CSS after "...ebkit-transform"
expected "}" was "...-(50%,50%)" on line 104
Alguna idea de cómo solucionarlo por favor?
Gracias de antemano
Al guardar luego de poner esto:
-webkit-transform: (-50%,-50%);
transform: translate (-40%,-50%);
No me deja guardarlo pues me da un error de compilación en la línea 104 que es esta:
-webkit-transform: (-50%,-50%);
Dice algo como:
Invalid CSS after "...ebkit-transform"
expected "}" was "...-(50%,50%)" on line 104
Alguna idea de cómo solucionarlo por favor?
Gracias de antemano
.video-container{ height: 100%; video{ //Propiedades para que el video cubra toda la pantalla min-width:100%; min-height:100%; //Altura y ancho auto width:auto; height:auto; //Centrar Video position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } }