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:

Texte au dessus image
Image iso - Guide
Excel cellule couleur si condition texte - Guide
Insérer une image dans word sans bouger le texte - Guide
Transcription audio en texte word gratuit - Guide
Acronis true image - Télécharger - Sauvegarde

1 réponse

Réponse 1 / 1

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

Discussions similaires

Formule Excel : "SI" une cellule contient un mot, alors ?

retrouver un texte caché dans une image jpg

Excel si cellule contient texte alors...

Comment enlever le rouge sur la photo svp ?