[ZanDevious]

I'm making a website in wordpress for a local company. I have the global header wrote out like this:

<div style="margin-top:-15.5%; margin-right:6%">
<h3 style="margin-right:0%">(xxx) xxx-xxxx
<a href="website here hackforums wont let me post links">
<i class="fa fa-google" style="margin-left:18%; font-size:150%"></i>
</a>
<a href="website here hackforums wont let me post links">
<i class="fa fa-facebook-official" style="padding-left: 1%; font-size:150%"></i>
</a></h3>
<h3>Proudly Serving The Grand Strand Since 1981.</h3>
</div>


Can anyone tell me why my 2 href links are no longer clickable. This is the first time i've used direct icon tags but it was working fine the other day.

Thank you for any help. I know my code is probably ugly, but i'm still learning.

[SN 1006]

You either need to set target="blank" or make <a href="website here hackforums wont let me post links">LINK TEXT</a>

Anchor/Link tags typically aren't self closing - This means you need to have a closing tag for them -> </a>

[Jdxo]

Is it simply that your links have collapsed (could be possible since the icons are being dynamically loaded from font awesome which means the browser might have rendered the links with 0 height)? Have you tried things like adding display block to the a tags?

[Kalabybis]

it's CSS issue. remove margin-top: -whatever; and try to click. Use developer tools for that

---

You either need to set target="blank" or make <a href="website here hackforums wont let me post links">LINK TEXT</a>

Anchor/Link tags typically aren't self closing - This means you need to have a closing tag for them -> </a>

both suggestions are BS, sorry

---

Is it simply that your links have collapsed (could be possible since the icons are being dynamically loaded from font awesome which means the browser might have rendered the links with 0 height)? Have you tried things like adding display block to the a tags?

Nope, never

[Jdxo]

it's CSS issue. remove margin-top: -whatever; and try to click. Use developer tools for that

---

both suggestions are BS, sorry

---

Nope, never

My suggestion was from experience, I've had that shit happen before (totally dependent on the scenario).

Without seeing the rest of his HTML you can't definitively say the -top margin is the cause because we don't know what other elements may be on the page. If we saw the rest of the HTML then we could easily tell if it was an invisible/visible element over the top of these.

[Kalabybis]

My suggestion was from experience, I've had that shit happen before (totally dependent on the scenario).

Without seeing the rest of his HTML you can't definitively say the -top margin is the cause because we don't know what other elements may be on the page. If we saw the rest of the HTML then we could easily tell if it was an invisible/visible element over the top of these.

And this is why I am saying it is an CSS issue. HTML doesn't behave this way except if you set the A Tags to 0 width or height or both in CSS

[Two-Ton 21]

If z-index for the icons is set to -1 and your try to click on them, nothing will happen.