Discussion :

[NewUserDelphi]

Bonjour

Suivant la taille de ma page je souhaite changer la hauteur d une div et la couleur d un texte.

Quand mon navigateur est à sa largeur mini et que je le grandit, tout fonctionne parfaitement.
Quand ensuite je le reduis à nouveau, le texte change correctement de couleur mais ma div conserve la hauteur qui lui a été attribué en grandissant.

Comment y remedier ? J'ai essayé avec des !important mais rien n y fait !

Merci pour votre aide.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#parent-banner {
    display: table;
    min-height: 8em !important
}
.header-title {
    color: white;
    font-size: 2em;
 
 }
@media screen and (min-width:35.5em) {
    .header-title {
        color: orange;
     }
     #parent-banner {
        min-height: 12em !important
    }

[Invité]

Bonjour,

1- enlève les "!important".

2- Un code CSS ne sert à rien sans le code HTML associé.

3- A priori, ça ne fonctionne pas à cause du display: table;.

[NewUserDelphi]

merci d avoir pris le temps de me répondre.
J ai revu mon css de fond en comble et j y suis parvenu.

Si j utilisais le !important c est qu au debut j utilisais https://www.w3schools.com/w3css/ qui je dois l avouer pour un debutant est d une simplicité deroutante....

Depuis j'ai evolué vers https://purecss.io/