écrire du texte sur une image

Question

Je veux écrire un montant de réduction provenant d'une base de données sur une image. J'ai pris comme une image:

<div style="height: 158px; width: 210px; float: left; position: relative;"> 
    <a id="aproduct" runat="server"> 
    <asp:image id="pimage" runat="server" width="210" height="158" border="0" /> 
    </a> 
    <asp:Panel ID="Panel1" runat="server"> 
    <asp:image id="discountTag" style="position: absolute; top: 0; right: 0;" 
       border="0" src="images/PriceTag.png" alt="" 
       height="35px" width="35px" /> 
    </asp:Panel> 
</div> 

Je veux montrer l'image discountTag en arrière-plan pour <td> et spectacle montant de la remise dans une étiquette.

J'essaie pour cela, mais quand je fais cela, la grande image sur laquelle je montre mon étiquette discountTag ne s'aligne pas correctement. Je veux que l'o/p comme Big image sur laquelle l'image discountTag sur quel montant de réduction. Quelqu'un peut-il faire ça?

Answer 1

La question n'est pas très claire Neha. S'il vous plaît, développez ce que vous essayez d'accomplir.
Si vous essayez d'obtenir quelque chose comme une marque d'eau sur l'image, peut-être ce link pourrait être démarreur pour vous.

Answer 2

Vous pouvez avoir la grande image comme arrière-plan de l'élément div, puis utilisez le positionnement absolu pour placer la réduction où vous voulez. Exemple de code:

<div id="pnlBigImage" runat="server" style="position: relative; background-image: url(images/Penguins.jpg); width: 500px; height: 375px;"> 
    <span id="lbDiscount" runat="server" style="position: absolute; right: 25px; bottom: 25px; width: 100px; height: 25px; background-color: white;" /> 
</div> 

Et dans le code derrière:

lbDiscount.InnerHtml = "value from database here..."; 

L'important est de mettre la largeur et la hauteur de la grande image de la largeur et la hauteur de l'élément div sinon il pas être aligné correctement en effet.