acedrummond
Posts: 90
|
Posted: 06/11/2012, 7:15 PM |
|
I have an organization membership application and trying to layer a text box with members name on the image so I can have the member print their own membership card.
How can I position a label on top of an image of the membership card.
Thanks/
_________________
Ace Drummond |
|
|
Lucius
Posts: 220
|
Posted: 06/12/2012, 4:10 AM |
|
Few solutions I can think of top of my head.
Simplest would be to use CSS to position the <div> element containing name of the member over the photo: http://www.w3schools.com/Css/css_positioning.asp
More complicated would be to embed the text into the image itself using some graphical manipulation library. Here I don't have any specific in mind, but there should be plenty capable of doing this.
|
|
|
DataDoIT
|
Posted: 06/12/2012, 6:08 AM |
|
Search for "watermark" and that should get you going with some ideas.
|
|
|
acedrummond
Posts: 90
|
Posted: 06/12/2012, 11:13 AM |
|
Thanks for the encouragement.
I found a solution that works for me.
Added this to <head>
h2
{
position:absolute;
left:80px;
top:145px;
}
</style>
And this to <body>
<h2><font size="4">{Label1}</h2>
_________________
Ace Drummond |
|
|