[RÉSOLU] Superposer un texte sur image produit

[@rthur]

Bonjour,

J'ai ajouté un div avec un champs texte pour ajouter sur l'image produit du listing la réduction correspondante. Le problème c'est que cela me crée une zone supplémentaire en haut de l'image et cela a pour conséquence d'agrandir l'image comparée aux images sans réduction.

Auriez-vous une solution en css pour que ce div se superpose au lieu d'ajouter un espace ?

<span class="discount-percentage-grid-fond">
<span class="discount-percentage-grid-font">-{l s='%percentage%' d='Shop.Theme.Catalog' sprintf=['%percentage%' => 		{round(($product.discount_percentage_absolute),0)}]}%
</span>
</span>

Merci

Prestashop 1.7.5

 

Edited April 7, 2022 by @rthur (see edit history)

[Divine]

Bonjour,

Un positionnement absolu sur votre pourcentage et un positionnement relatif sur l'élément parent qui contient ce pourcentage. Ensuite vous positionnez le pourcentage plus précisément avec les propriétés top, left, right et bottom.

[Natc77]

https://www.xul.fr/css/texte-sur-image.php ;)

[@rthur]

Merci pour vos précieux conseils ça fonctionne