27926 sujets

CSS et mise en forme, CSS3

Bonjour
Je viens vers vous car malgré différents essais infructueux en ajoutant
{  -moz-filter-box-shadow: 0px 0px 20px  #636363; -webkit-filter-box-shadow: 0px 0px 20px  #636363; box-shadow: 0px 0px 20px  #636363; }
sur les vignettes de mes albums, je n'arrive pas à ce que mes ombres sur les albums apparaissent sur tous les navigateurs, cela ne fonctionne que sur Edge !
Merci de votre aide
Modérateur
Bonjour, en fait elle n’apparaissent nulle part.

Tu as probablement oublier d'envoyer sur le ftp la feuille de styles modifiée. Les règles préfixées ne sont plus nécessaires depuis quelques années déjà Smiley smile .

Cdt
Bonjour gcyrillus
Merci pour ton retour. Je vais essayer de clarifier ma demande, en effet, je n'ai que les notions de bases d'HTML/CSS.
Ma galerie est hébergée chez Piwigo donc je n'ai pas accès au code HTML donc je ne peux y toucher, je n'y ai accès, pour identifier les class ou id, que via l'inspecteur de mon navigateur pour repérer les id et les class sur lesquelles je veux agir mais par contre je peux modifier les feuilles de styles pour personnaliser les polices, couleurs etc ... via un pluggin de l'application
Voici le code html des vignettes des albums que je veux entourer d'une ombre
upload/1674377466-85392-capturedaeacran2023-01-22aa09.png
J'ai donc modifié la class
  a.ripple.d-block{  -moz-filter-box-shadow: 0px 0px 20px  #636363; -webkit-filter-box-shadow: 0px 0px 20px  #636363; box-shadow: 0px 0px 20px  #636363; }
et cela fonctionne sur Edge mais pas sur les autres navigateurs
upload/1674377618-85392-capturedaeacran2023-01-22aa09.jpg
J'aimerais que cette ombre apparaisse sur tous les navigateurs mais je n'y arrive pas
En espérant avoir été plus explicite, encore merci

PS; Venant de me réveiller avec les idées plus claires, j'ai testé sur plusieurs class
   a.ripple.d-block{  box-shadow: 0px 0px 20px  #636363; }
.card-img-top {   box-shadow: 0px 0px 20px  #636363; }
.thumb-img{  box-shadow: 0px 0px 20px  #636363; }

J'ai retiré les -moz -webkit puisque plus nécessaire et ça fonctionne sur tous les navigateurs.
Par contre, pourquoi faut il rajouter le code sur d'autres class pour que l'ombre apparaisse sur les autres navigateurs ?????

Encore merci de l'intérêt à mes soucis de béotiens !
Modifié par Ducale84 (22 Jan 2023 - 10:14)