Besoin d'aide en HTML/CSS ! C'est hyper compliqué ! Fermé

Question

bonjour
j'ai un devoir à faire c'est super dur, ça fait 10 jours que je m'attarde dessus, je n'y arrive pas
je vous fais un shama explicatif

vous avez un exemple ici:
https://starcraft2.com/en-us/
Pouvez vous me passer un code minimal pour le faire, ou un exemple qui montre exactement ce que je veux faire ? Je n'y arrive pas...
Merci

Utilisateur anonyme · Answer

Un exemple tu en as un, tu as juste à utiliser l'inspecteur de code sur le site de battle.net.

Sinon ici tu as un tuto pour rendre les vidéos responsive:

https://www.grafikart.fr/tutoriels/video-iframe-responsive-385

Ici tu as comment mettre une vidéo en background si tu préfères:

https://www.youtube.com/watch?v=7S0X0OWMu_k

Et après pour la div qui se trouve au dessus c'est facile, juste utiliser les position: absolute après par exemple bottom: 20px;  pour que ça soit en bas de la div qui contient aussi la vidéo, et pour centrer tu met une largeur fixe et un left:0; right:0; avec un margin: auto; et c'est bon.

Et pour l'image de cette div, un simple background-image, et un background-size: cover; pour que ça soit responsive et un background-position: 50%; pour centrer ça fait l'affaire.

En 10 minutes à peine c'est fait.

Besoin d'aide en HTML/CSS ! C'est hyper compliqué !

1 réponse

Discussions similaires