[PHPBB3] Relief sur entête des catégorie

**photoclic** · **photoclic** Jeu 9 Juil 2020 - 0:41

Version du forum :
PHPBB3
Templates modifiés :
oui
Navigateur :
Firefox

Bonjour à tous les milouziens,

Serait-il possible d'avoir du relief sur le fond des titres des catégories?

J'ai essayé de mette cela dans la feuille de style (le linear gradient est un essai pour apprendre), mais ça ne fonctionne pas:

Code:: li.header dl.icon { background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.02) 50.2%,rgba(255,255,255,0) 100%); }

et quand je le mets à la console, j'ai un décalage à gauche:

Spoiler:

Merci pour votre aide.

**Milouze14** · **Milouze14** Jeu 9 Juil 2020 - 3:58

Hello Serge,
c'est la c.s.s de base qui te provoque cela Serge.

Code:: li.header dl.icon { background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.02) 50.2%,rgba(255,255,255,0) 100%); }

Ajoutes à ce style un background position à 0px:

Code:: li.header dl.icon { background-position:0px!important; background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.02) 50.2%,rgba(255,255,255,0) 100%); }

**photoclic** · **photoclic** Jeu 9 Juil 2020 - 9:59

Bonjour Philippe,

Le background-position règle bien le problème de positionnement.
Merci pour cet éclairage.

Quand je mets le code dans la feuille de style, ça ne marche pas alors que directement dans la console ça marche.
Après recherche, c'est à cause du to bottom. L'espace entre le to et le bottom disparait (quelque soit l'explorateur) alors qu'il y est bien dans le code et ça provoque une erreur.
J'ai donc retiré le to bottom et ça marche.

Merci encore l'ami tape la