Vignettes avec images en html
Résolu/Fermé
Avanton66
Messages postés
44
Date d'inscription
mercredi 10 mai 2017
Statut
Membre
Dernière intervention
14 mai 2020
-
Modifié le 16 août 2018 à 17:46
Avanton66 Messages postés 44 Date d'inscription mercredi 10 mai 2017 Statut Membre Dernière intervention 14 mai 2020 - 25 août 2018 à 14:39
Avanton66 Messages postés 44 Date d'inscription mercredi 10 mai 2017 Statut Membre Dernière intervention 14 mai 2020 - 25 août 2018 à 14:39
A voir également:
- Vignette html
- Editeur html - Télécharger - HTML
- &Nbsp html ✓ - Forum Webmastering
- Br html ✓ - Forum Webmastering
- [HTML] - á et les autres - Forum HTML
- Balise </br> - Forum HTML
2 réponses
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
16 août 2018 à 11:32
16 août 2018 à 11:32
Hello,
Je t'ai fais un petit exemple live sur codepen: https://codepen.io/anon/pen/zLVorQ
Je te laisse regarder et revenir si tu as des questions.
A plus!
Je t'ai fais un petit exemple live sur codepen: https://codepen.io/anon/pen/zLVorQ
Je te laisse regarder et revenir si tu as des questions.
A plus!
Avanton66
Messages postés
44
Date d'inscription
mercredi 10 mai 2017
Statut
Membre
Dernière intervention
14 mai 2020
25 août 2018 à 14:39
25 août 2018 à 14:39
J'ai finalement trouver en quelque sorte comment faire grâce au pen:
<style type="text/css">.img-container {
display: inline-block;
position: relative;
}
.img-container .title {
left: 0;
top:0;
display: flex;
position: absolute;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,.5);
font-size: 24pt;
font-weight: bolder;
color: white;
}
</style>
<div class="img-container">
<img src="https://picsum.photos/200/300">
<div class="title"><a href="https://lvoyagent.fr/destinations/estonie/">Estonie</a></div>
</div>
Modifié le 16 août 2018 à 13:56
16 août 2018 à 18:10
mais il ne faut pas oublier que les images mises en ligne doivent quand même respecter une certaine taille ( maximum ) pour ne pas gêner leur affichage !
16 août 2018 à 19:46
Le thème est expédition pro.
17 août 2018 à 11:07
2 - modifier un thème est toujours possible mais peu recommandé, mieux vaut en trouver un autre, et ça ne manque pas :)