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>

No comments:

Post a Comment