Widget core info numérique v.4.4

Bonjour,

Depuis mon passage en v4.4.4, j’ai quelques widgets dont le visuel à changer et je cherche à régler tout ca.
J’ai un widget core info numérique multistate qui m’affiche l’état de la batterie de mes équipements. Avant l’image était centrée avec la valeur numérique mais en 4.4.4 ce n’est plus le cas et j’aimerais un peu d’aide pour régler ce soucis.
Merci d’avance.
Samuel.
Capture d'écran 2024-04-20 194255

<img class='img-responsive' src='data/img/Batterie_0-20.png'><div style='font-size: 12px; color: black;'>#value# #unite#<\div>

Salut,

Adapter la largeur desktop à 30 px au lieu de 20 px

image

1 « J'aime »

Merci pour ta réponse. Effectivement à 30px, ca règle le soucis mais saurais tu me dire pourquoi?

Salut,

Avec l’affichage du texte 100% en font-size: 12px , le DIV fait 32.51 px
Votre image de 20 px se place sur la gauche.
Si votre image est = à la taille du DIV (texte) , l’image sera centrée.
Si les px de l’image sont supérieurs à la taille du DIV du texte 100% , ce DIV s’adaptera à la taille de l’image donc centré.

Autre possibilité si vous voulez tout de même appliquer une image de 10px avec un texte 100% qui en prendra 32.51 px, vous pouvez forcer le centrage de l’ensemble.

image

<center><img class='img-responsive' src='data/img/Batterie_0-20.png'><div style='font-size: 12px; color: black;'>#value# #unite#</div></center> 

Toujours utilisée mais obsolète.

Merci pour ces explications. Si je veux mettre mon image en 20px, comme la balise center est obsolète, je peux la remplacer par quoi?

J’ai essayé la balise center et ca marche bien. Mais si c’est obsolète, je ne voudrais pas être ennuyer dans peu de temps alors j’essaye de trouver une autre solution.
J’ai essayé ceci mais ca ne donne rien.

<div style='font-size: 12px; color: black; text-align: center;'><img class='img-responsive' src='data/img/Batterie_80-100.png'>#value# #unite#<\div>

Restez comme cela alors :wink:
Cette balise est fréquemment utilisée…

Oui et c’est simple en plus. Merci pour ton aide.

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.