Texte au dessus image

Fermé
Max0123456 Messages postés 97 Date d'inscription dimanche 24 octobre 2021 Statut Membre Dernière intervention 2 février 2023 - Modifié le 19 nov. 2021 à 22:17
GregoryAmbroise Messages postés 15 Date d'inscription mardi 30 novembre 2021 Statut Membre Dernière intervention 1 décembre 2021 - 30 nov. 2021 à 23:29
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)

<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%;
}


A voir également:

1 réponse

GregoryAmbroise Messages postés 15 Date d'inscription mardi 30 novembre 2021 Statut Membre Dernière intervention 1 décembre 2021
Modifié le 30 nov. 2021 à 23:29
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;
}
0