[pmwiki-users] relative position style

Mark Lee mark.lee.phd at gmail.com
Wed May 8 01:57:49 CDT 2013


I want to have a background image and then position text using page
variables. Is this possible with PMWiki? Here is what I am doing with html
and I am not sure it is possible with PMWiki:

<!DOCTYPE html>
<html>
<head>
<style>
plant
{
position:absolute;
left:0px;
top:0px;
background-color:transparent;
color:red;
}
plant:hover
{
background-color:white;
color:red;
}
</style>
</head>

<body>
<p>Example text goes here. A box is drawn below with the numbers 1 and 2
placed over the background image.</p>

<div style="background-image:url(
http://www.tizag.com/pics/htmlT/background.jpg);padding:0px;width:150px;height:200px;border:1pxsolid
black;">
<p>
<plant style="position:relative; left:-2px; top:-20px">1</plant>
<plant style="position:relative; left:132px; top:165px">2</plant></p>
</div>
</body>

</html>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.pmichaud.com/pipermail/pmwiki-users/attachments/20130507/98ce39d2/attachment.html>


More information about the pmwiki-users mailing list