Discussion :

[labarre2002]

Bonjour


Je viens de réaliser une page qui s'affiche de la sorte



le soucis est que lorsque j'intègre une image dans la div centrale j'obtiens ceci

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
   <div class="central">
                         <img src="assets/love-dress-white-04.jpeg"  class="pic" alt="belle dame"> 
 
                    </div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
img{
    max-width: 100%;
    display: block;
}
 
 .pic{
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
 }

en ajoutant un overflow:hidden; j'obtiens ca:


comment s'y prendre pour afficher l'image intégralement dans son conteneur ?
Merci.