Tuesday, March 28, 2017
attempting to move forward
maybe if i break it down into panels
updown leftright plusminus
selectors
<div style="position:absolute;left:100px;top:50px;width:200px;height:100px;background-color:pink">
<div id="sns20170324f1250updownpanel">
<div class="sns20170324f1250uppermotion"></div>
<div class="sns20170324f1250lowermotion"></div>
<div class="sns20170324f1250upperspeed"></div>
<div class="sns20170324f1250lowerspeed"></div>
<div class="sns20170324f1250stop"></div></div>
<div id="sns20170324f1250leftrightpanel">
<div class="sns20170324f1250uppermotion"></div>
<div class="sns20170324f1250lowermotion"></div>
<div class="sns20170324f1250upperspeed"></div>
<div class="sns20170324f1250leftrightslower"></div>
<div class="sns20170324f1250stop"></div></div>
<div id="sns20170324f1250plusminuspanel">
<div class="sns20170324f1250uppermotion"></div>
<div class="sns20170324f1250lowermotion"></div>
<div class="sns20170324f1250upperspeed"></div>
<div class="sns20170324f1250lowerspeed"></div>
<div class="sns20170324f1250stop"></div></div>
<style>
#sns20170324f1250updownpanel {position:absolute;left:0%;top:0%;width:33.33%;height:100%}
#sns20170324f1250leftrightpanel {position:absolute;left:33.33%;top:0%;width:33.33%;height:100%}
#sns20170324f1250plusminuspanel {position:absolute;left:66.66%;top:0%;width:33.33%;height:100%}
.sns20170324f1250uppermotion {position:absolute;left:0%;top:0%;width:66.66%;height:20%;background-color:lightgrey}
.sns20170324f1250lowermotion {position:absolute;left:0%;bottom:0%;width:66.66%;height:20%;background-color:lightgrey}
.sns20170324f1250upperspeed {position:absolute;left:66.66%;top:20%;width:33.33%;height:15%;background-color:lightgrey}
.sns20170324f1250lowerspeed {position:absolute;left:66.66%;bottom:20%;width:33.33%;height:15%;background-color:lightgrey}
.sns20170324f1250stop {position:absolute;left:0%;top:50%;width:33.33%;height:15%;background-color:lightgrey}
.sns20170324f1250speed {position:absolute;left:66.66%;top:50%;width:33.33%;height:15%;background-color:lightgrey}</style>
</div>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment