Update:
I was just able to get the 2nd code to the right side to be at margin 0,now it’s just with both of them, after clicking on the [div] keeping the margin at margin 0 so the bottom doesn’t drop down. http://testblogty678.blogspot.com/
Question:
When I click on both codes, the bottom part drops down, how do I fix it so it doesn’t drop down. How do I have 0 margin after the div is clicked?
<a href="" style="display:block; margin: -50px 0px 0 54px;width: 50px; height: 50px; background-color:#6a4a3c; color:#000000;"></a>
<a href="" style="display:block; margin: -50px 0px 0 108px; width: 50px; height: 50px; background-color:#cc333f;color:#000000; "></a>
<a href="" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841;color:#000000; "></a>
<a href="" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px;background-color:#edc951;color:#000000; border-top-right-radius:50px; "></a>
<div style="width:266px;" onclick="myObject=document.getElementById('myObj5');
myObject.style.display='block'; this.style.display='none'">
<a style="display:block;width: 88px; height: 24px; cursor: pointer; background-color:#ffffff; color:#000000;
border-left: 89px solid #00ffff;border-right: 89px solid #ff00ff;border-radius: 50px; "> </a>
</div>
<div id="myObj5" style="display: none;">
</div>
<a href="" target="_blank" style="display:block; margin: 0px 0px 0 0px;width: 50px; height: 50px; background-color:#00a0b0; color:#000000; " onmouseover="this.style.backgroundColor='#abe9f7'" onmouseout="this.style.backgroundColor='#00a0b0'"></a>
<a href="" target="_blank" style="display: block; margin: -50px 0px 0 54px; width: 50px; height:50px; background-color:#6a4a3c;color:#000000;" onmouseover="this.style.backgroundColor='#badac5'" onmouseout="this.style.backgroundColor='#6a4a3c'"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 108px; width: 50px; height: 50px;background-color:#cc333f; color:#000000; " onmouseover="this.style.backgroundColor='#b7ab9d'" onmouseout="this.style.backgroundColor='#cc333f'"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841;color:#000000;" onmouseover="this.style.backgroundColor='#4679c7'" onmouseout="this.style.backgroundColor='#eb6841'"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px; background-color:#edc951; color:#000000;" onmouseover="this.style.backgroundColor='#45bf21'" onmouseout="this.style.backgroundColor='#edc951'"></a>
<a href="" target="_blank" style="display:block;margin: 4px 0px 0 0px; width: 50px; height: 50px; background-color:#00a0b0;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 54px; width: 50px; height: 50px; background-color:#6a4a3c; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 108px; width: 50px; height: 50px; background-color:#cc333f;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px; background-color:#edc951;color:#000000;"></a>
<a href="" target="_blank" style="display:block;margin: 4px 0px 0 0px; width: 50px; height: 50px; background-color:#00a0b0;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 54px; width: 50px; height: 50px; background-color:#6a4a3c; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin:-51px 0px 0 108px; width: 50px; height: 50px; background-color:#cc333f;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px; background-color:#edc951;color:#000000;"></a>
<a href="" target="_blank" style="display:block;margin: 4px 0px 0 0px; width: 50px; height: 50px; background-color:#00a0b0;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 54px; width: 50px; height: 50px; background-color:#6a4a3c; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin:-51px 0px 0 108px; width: 50px; height: 50px; background-color:#cc333f;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px; background-color:#edc951;color:#000000;"></a>
<a href="" target="_blank" style="display:block;margin: 4px 0px 0 0px; width: 50px; height: 50px; background-color:#00a0b0;color:#000000;border-bottom-left-radius:50px;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 54px; width: 50px; height: 50px; background-color:#6a4a3c; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin:-51px 0px 0 108px; width: 50px; height: 50px; background-color:#cc333f;color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 162px; width: 50px; height: 50px; background-color:#eb6841; color:#000000;"></a>
<a href="" target="_blank" style="display:block; margin: -50px 0px 0 216px; width: 50px; height: 50px; background-color:#edc951;color:#000000; border-bottom-right-radius:50px;"></a>