<div dir="ltr">Petko,<div style>What I am trying to accomplish with the background image is something like google maps but on a much smaller scale for my garden. I have coded this already in html, but I was wondering if pmwiki markup supports this function directly. Let me describe the situation:</div>
<div style><br></div><div style>1. Each plant in my garden has a page. </div><div style>2. Outside of pmwiki, I sketch a garden map in a drawing app, and save it as a jpg file. </div><div style>3, On the page of each plant, I display the garden map. In html I create a div and make the map the background image so that I can add information on top of it.</div>
<div style>4. The X and Y position of the plant on the map is contained on the page. Lets say a tree is located at map coordinates <100,250>. I was thinking to use the markup (:xposition 100:) (:yposition 250). I could then use this information in what ever way is supported by pmwiki markup via {$:xposition} and {$:yposition}.</div>
<div style>5. In html, I am able to place a marker using styles. For example, if I want a marker "1" at position <132,165> I use <<span style="color:rgb(80,0,80);font-family:arial,sans-serif;font-size:13px">plant style="position:relative; left:132px; top:165px">2</plant></p>. Is this possible in pmwiki?</span></div>
<div style><span style="color:rgb(80,0,80);font-family:arial,sans-serif;font-size:13px"><br></span></div><div style><span style="color:rgb(80,0,80);font-family:arial,sans-serif;font-size:13px">-Mark</span></div></div><div class="gmail_extra">
<br><br><div class="gmail_quote">On Wed, May 8, 2013 at 2:12 AM, Petko Yotov <span dir="ltr"><<a href="mailto:5ko@5ko.fr" target="_blank">5ko@5ko.fr</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div class="im">Mark Lee writes:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
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:<br>
</blockquote></div>
...<div class="im"><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="background-image:url(<a href="http://www.tizag.com/pics/htmlT/background.jpg);padding:0px;width:150px;height:200px;border:1px" target="_blank">ht<u></u>tp://www.tizag.com/pics/htmlT/<u></u>background.jpg);padding:0px;<u></u>width:150px;height:200px;<u></u>border:1px</a> solid black;"><br>

</blockquote>
<br></div>
I'd advise against enabling the background-image style if it is possible to define the styles in the pub/css/local.css or pub/skins/yourskin/skin.css files.<br>
<br>
For example, in pub/css/local.css or in pub/css/Group.Page.css define a class for the div element that will have a background image, and in the wiki page just apply the class attribute.<div class="im"><br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<p><br>
<plant style="position:relative; left:-2px; top:-20px">1</plant><br>
<plant style="position:relative; left:132px; top:165px">2</plant></p><br>
</blockquote>
<br></div>
To enable styles other than the default ones, add something like this in config.php:<br>
<br>
 $WikiStyleCSS[] = 'position|left|top';<br>
<br>
I assume that you have custom markup for the custom <plant> tag.<br>
<br>
Petko<br>
<br>
<br>
______________________________<u></u>_________________<br>
pmwiki-users mailing list<br>
<a href="mailto:pmwiki-users@pmichaud.com" target="_blank">pmwiki-users@pmichaud.com</a><br>
<a href="http://www.pmichaud.com/mailman/listinfo/pmwiki-users" target="_blank">http://www.pmichaud.com/<u></u>mailman/listinfo/pmwiki-users</a><br>
</blockquote></div><br></div>