Layers


some text here

(:div id='floating1' name='floating1' style='position:absolute; top:50px; left:200px; border:1px dotted black; background-color:#eeda6a; color:#333333; padding: 3px 3px 3px 3px; visibility:visible; z-index:5;':)
floating1: This goes on the absolute layer. Radu's layer.
(:divend:)

(:div id='floating2' name='floating2' style='position:absolute; top:4.5em; right:2em; width:320px; height:350px; border:1px dotted black; background-color:#eeda6a; background-image:url([=http://www.pmwiki.org/pmwiki/uploads/Test/tux.png=]); color:#333333; padding:5px; ':)
floating2: Hans' layer. A layer with absolute positioning and background image.   
(:divend:)

(:div id='floating3' name='floating3' style='position:absolute; top:310px; left:200px; border:1px dashed red; background-color:#c2ce86; color:#00f; padding: 3px 3px 3px 3px; visibility:visible; z-index:5;  img='http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif;':)
floating3: Absolute positioned and z-indexed images. Stephans layer.
(:divend:)

(:div id='floating4' name='floating4' style='position:absolute; top:350px; left:545px; border:0px dashed red; background-color:transparent; color:#00f; padding: 3px 85px 30px 3px; z-index:7; background-repeat:no-repeat; background-image:url([=http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif=])':)


floating4
(:divend:)

(:div id='floating5' name='floating5' style='position:absolute; top:450px; left:500px; border:1px dashed red; background-color:#c88d08; color:#00f; padding: 3px 85px 30px 3px; z-index:7; background-repeat:no-repeat; background-image:url([=http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif=])':)


floating5
(:divend:)



more text here

some text here

floating1: This goes on the absolute layer. Radu's layer.

floating2: Hans' layer. A layer with absolute positioning and background image.

floating3: Absolute positioned and z-indexed images. Stephans layer.

floating4

floating5

more text here

This is all very good, but how do I do that in my wiki? Where is the config to allow floating divs? Have you tried? It is built in. No permissions needed. (Call it a security risk) ~HansB

 0: 00.00 00.00 config start
 1: 00.02 00.01 config end
 2: 00.22 00.21 MarkupToHTML begin
 3: 00.22 00.21 MarkupToHTML begin
 4: 00.23 00.22 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
 5: 00.23 00.23 ReadApprovedUrls SiteAdmin.ApprovedUrls end
 6: 00.24 00.23 MarkupToHTML end
 7: 00.24 00.24 MarkupToHTML end
 8: 00.25 00.24 MarkupToHTML begin
 9: 00.26 00.26 MarkupToHTML end
10: 00.27 00.26 MarkupToHTML begin
11: 00.27 00.26 MarkupToHTML end
12: 00.27 00.27 now
Peak memory: 3,719,080 bytes