User:Vadim/Sandbox1
From CruisersWiki
< User:Vadim(Difference between revisions)
(22 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | ==A== | ||
+ | {{TChartlet static|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14}} | ||
+ | |||
+ | ==0== | ||
+ | |||
+ | ^^^ | ||
+ | <div style=' | ||
+ | position: relative; | ||
+ | width: 400px; | ||
+ | height: 300px; | ||
+ | background-color: gray; | ||
+ | overflow: hidden; | ||
+ | '> | ||
+ | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x} }} | ||
+ | |||
+ | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=https://korona.geog.uni-heidelberg.de/tiles/hybrid/x={x}&y={y}&z={z} }} | ||
+ | |||
+ | {{#widget:TChartlet static grid|width=400px|height=300px|lat=41.23541|lon=9.16202|zoom=14|source=http://t1.openseamap.org/seamark/{z}/{x}/{y}.png }} | ||
+ | |||
+ | </div> | ||
+ | !!! | ||
+ | |||
+ | ==1== | ||
+ | <div style="display:none;"> | ||
<div style=" | <div style=" | ||
+ | position: relative; | ||
width: 600px; | width: 600px; | ||
height: 400px; | height: 400px; | ||
background-color: gray; | background-color: gray; | ||
- | float:right; | + | float:right; |
"> | "> | ||
<div style=" | <div style=" | ||
position: absolute; | position: absolute; | ||
+ | /* overflow: hidden; */ | ||
top: 0px; | top: 0px; | ||
left:0px; | left:0px; | ||
- | width: | + | width: 256px; |
- | height: | + | height: 256px; |
background-color: skyblue; | background-color: skyblue; | ||
">Static</div> | ">Static</div> | ||
Line 17: | Line 43: | ||
top: 0px; | top: 0px; | ||
left:0px; | left:0px; | ||
- | width: | + | width: 256px; |
- | height: | + | height: 256px; |
transform: translate(-20px, -30px); | transform: translate(-20px, -30px); | ||
background-color: pink; | background-color: pink; | ||
- | "> | + | ">transform</div> |
<div style=" | <div style=" | ||
- | width: | + | position: absolute; |
- | height: | + | top: -10px; |
+ | left:40px; | ||
+ | width: 256px; | ||
+ | height: 256px; | ||
background-color: green; | background-color: green; | ||
- | "> | + | ">top/left</div> |
+ | </div> | ||
</div> | </div> |
Latest revision as of 10:13, 19 November 2018
A
0
^^^
!!!