27613 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;
}
Cela ne marche pas et je mets quelle valeur pour agrandir l'image sans la déformer
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...)