27797 sujets

CSS et mise en forme, CSS3

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


upload/1637356682-73408-capture.png
Modérateur
et l'eau,


.section1 {
    background: url('/img/velo.jpg');
    background-size: cover;
    min-width:...px;
    min-height:...px;
}
Modérateur
Salut,

Pourquoi mettre ton titre dans l'élément qui porte le background alors que tu ne veux pas qu'ils se superposent ?
Mets le titre puis l'image (en img direct si il n'y a rien dedans au pire...)