At times, I encounter an issue where setting the position of certain elements (using top:, right:, etc.) causes some of my links to become disabled. This results in the hand cursor not appearing when hovering over them. I am curious as to why this happens and how I can resolve it. Here is a link to my page: [Google link is disabled.]
Could someone please help me identify the error and provide a solution? Below is my CSS code:
#second_imglist {
position: relative;
right: -100px;
}
#squares {
position: absolute;
top: 630px;
right: 400px;
}
#imgset {
position: relative;
top: 30px;
}
I suspect that the following HTML codes might be causing the problem:
<div class="w3-half">
<div data-ng-include="'variables/logo1.html'"></div>
<div class="w3-row w3-margin-top" id="imgset">
<div data-ng-include src="file"></div>
</div>
</div>
<div class="w3-half w3-center" id="img_controllers">
<div data-ng-include src="includehtml"></div>
</div>
</div>
<div class="w3-center" id="squares">
<a href="#" data-ng-click="nextslide(2)">Google</a>
<i class="fa fa-square" data-ng-click="nextslide(1)"></i>
<i class="fa fa-square-o" data-ng-click=""></i>
</div>