Forum

Bonjour,

Je suis en cours de création d'un module avec des tableaux contenant des données provenant d'une base Mysql.
Plus particulièrement, de graphiques et de tableaux.

Je souhaiterais afficher une image en fond de tableau mais le code HTML suivant ne fonctionne pas lorsque je l’insert dans ma page.

<table style='width: 450px; height: 160px; margin: 0 auto' background='../images/temperature.png'>

Par contre tout le reste du tableau fonctionne, seul l'appel de l'image est KO.

PS : si je met dans ma page un : <img src='../images/temperature.png'>
L'image s'affiche bien.
-----------------------------------------
Version de PhpBoost : 5.2.3
Theme utilisé : AroudTheWorld

PHP Version 7.3.12
-----------------------------------------

Des idées ou pistes ?

Merci à tous.

Bonne journée.
Jérôme

Plop

attention aux propriétés css déclarées directement dans le HTML, c'est souvent problématique en mobile car non personnalisable.

l'attribut 'background' n'existe plus en html5, il faut passer par la propriété css, soit via le fichier css, soit via l'attribut style.

templateDuModule.tpl

cssDuModule.css

Bonjour,

Merci pour le retour, effectivement, bonne solution, mais j'ai bien tous les paramètres du tableau qui passent (bordure, taille, couleur) mais l'image en fond.

Je viens même de tester directement avec la partie CSS dans la page PHP.

Je dois manquer quelque chose ....

Bien cordialement,
Jérôme

Édité par djedje83 Le 01/05/2020 à 07h54

un clic/droit => examiner donnera surement des indices
<a href="https://jsfiddle.net/r0jgcdhm/">https://jsfiddle.net/r0jgcdhm/</a>

Bonjour,

Je viens de voir que le fichier css du site prend la main sur le mien pour les tableaux
Donc les tableaux sont formatés via le CSS du site et non le mien. Je ne vois pas comment contourner le formatage des cellules du tableau.
Dès lors que je mets une données à l'interieur l'image disparait.

Merci encore pour vos pistes, j'avance....

Bonne journée.
Jérôme

Bonjour,

Dans ce cas, il faudrait porter le CSS de votre module dans le thème dans /templates/nom-du-thème/modules/nom_du_module/fichier.css
Il y a des exemples dans le thème BlueStones
Vous devriez en profiter pour passer à PHPBoost 5.2.4 puis 5.2.5

Olivier.

Édité par olivierb Le 12/04/2020 à 21h10

Bonsoir,

Oui bonne idée, je vais effectuer mes sauvegarde et migrer.

Je vais télécharger BlueStones et regarder ce que vous me conseillez.

Merci pour l'info.

Jérôme

Bonjour,

Je viens de trouver ma solution.
Merci pour la piste olivierb.

Lorsque mon image est apparue en fond de tableau je ne l'avais qu'une ligne sur deux.

Ligne en cause du thème principal, je l'ai donc copiée et mise dans mon .css perso en mettant transparent en couleur de fond :

tr:nth-child(even) td {
background-color:transparent;
}

Merci encore.
A bientôt
Jerome