28111 sujets

CSS et mise en forme, CSS3

Salut,
Je suis un gros noob, je n'arrive pas à sélectionner mon Header background sur https://odetomytravels.com/photoshoot/ pour lui appliquer
background-size: contain;

Voici mon code :

.header-t {
background-size: contain !important;
}


Qu'est-ce qui ne va pas svp ?
Merci Smiley smile
Je suppose qu'il faut être loggué pour voir ton site.

!important n'est jamais la bonne solution en tout cas.
Administrateur
Bonjour,

avec Firefox et ses Devtools, tu peux faire un clic droit sur cet élément, Examiner l'élément et ensuite dans le DOM (colonne de gauche de l'Inspecteur), clic droit sur cet élément avec l'image de fond et Copier le Sélecteur CSS.

Si le code est bien fait, alors ça devrait consister en une simple classe parce qu'il n'y qu'un seul élément avec cette classe dans toute la page. Si c'est plus complexe alors nous copier ce sélecteur CSS ET le Chemin CSS.

Pour vérifier que ça ne cible bien qu'un seul élément, il est possible de coller en haut dans "Rechercher dans le HTML" le sélecteur et à droite on doit avoir "1 sur 1".

Si je le fais sur le bandeau vert du titre de cette page, ça donne :
upload/1571393665-39-insp.png
Modifié par Felipe (18 Oct 2019 - 12:15)