CODEWITHSUNDEEP
htmlcsspositioninghyperlink
Matt
Matt

Reputation: 43

My links become "un-clickable" when I use position absolute... How do I fix?

<div id="cart-login" style="position:absolute;right:50px;top:30px;">
    <a href="login.php">LOGIN</a> or <a href="sign-in.php">SIGN UP</a> <a href="cart.php" class="no-underline">CART</a>
</div>

I've done this many, many times, yet for some reason the links become unclickable this time. I have tried float:right; margin-right:50px; and position:absolute; right:50px;. Both render the links and text non-selectable and non-clickable. I've even tried z-index in case there is an invisible layer somewhere. Why would all the links on the page work but these links not work? The links are fine until I apply position:absolute; right:50px; then they are disabled but visible on the page. Any solutions?

Upvotes: 0

Views: 1327

Answers (3)

SpiesInOrbit
SpiesInOrbit

Reputation: 1

Using a fixed ul with li menu links, increasing the z-index exposed the links again.

Upvotes: 0

Andrea Turri
Andrea Turri

Reputation: 6500

Try to give an higher z-index, maybe something is over the element.

Upvotes: 0

Henrik
Henrik

Reputation: 4044

div elements are by default set to occupy 100% width. Once set to position:absolute their width and height are determined by their content. Try giving #cart-login explicit height and width.

Upvotes: 1

Related Questions