Texte au dessus image
Bonjour,
je n'arrive pas à mettre le texte au dessus de l'image (le texte est déformé ou l'image est la taille du texte)
je n'arrive pas à mettre le texte au dessus de l'image (le texte est déformé ou l'image est la taille du texte)
<section class="section1">
<div class="box-titre">
<h1 class="titre">mon titre</h1>
</div>
</section>
.section1 {
background: url('/img/velo.jpg');
background-size: cover;
}
.box-titre{
width: 50%;
}
1 réponse
-
Hello,
Ton image est en background de section1 donc tu dois définir une dimension pour ce bloc sinon il va juste prendre la taille du contenu, donc ton seul h1 ici.
Essaie ça et tu devrais dejà voir une différence:
.section1 {
background: url('/img/velo.jpg');
background-size: cover;
width : 100%;
height 500px;
}
