Vous utilisez un navigateur obsolète, veuillez le mettre à jour.
Veuillez utiliser un navigateur internet moderne avec JavaScript activé pour naviguer sur OpenClassrooms.com
Une question ? Pas de panique, on va vous aider !
Ce sujet est fermé.
Bonjour,
Sur l'une de mes pages j'ai un scroll horizontal qui se créé (images ci dessous). J'aimerai que ma page se limite à l'image 1 sans pouvoir scroller et avoir le fond gris comme sur l'image 2.
Image 1 :
Image 2 :
Ci dessous le code CSS lié à la page.
.container { width: 1170px; } .header { background: url(back_lap.png); height: 110vh; background-size: cover; } .logo { width: 450px; padding-top: 10%; position: relative; } .card { position: relative; width:300px; height:auto; margin-top: 25px; margin-left: -25px; top: 25vh; } .main-title { text-transform: uppercase; margin-top: 20px; font-weight: 100; font-size: 30px; width: 450px; position: relative; text-align: center; letter-spacing: .4rem; } .card-title{ text-transform: uppercase; margin-top: 3px; font-weight: 150; font-size: 20px; text-align: center; letter-spacing: .1rem; }