Fivos Capone Fivos Capone - 1 year ago 56
HTML Question

Text is not appearing in link button html

I added some link buttons in my website that using code from w3schools. While testing them in internet explorer they look fine but on Firefox and Chrome the text seems to have disappeared.

Here is my code : (I'm kinda new so don't be harsh)
(for some reason stackoverflow strips half my html code. Here is the pastebin www.pastebin.com/raw/H50UgpCB )

ps would be nice if an admin formatted this.

<!DOCTYPE html>
<html>
<head>
<span id="chromeFix"></span>
<title>FivosM Projects</title>
<link rel="stylesheet" href="animate.css">

<script src="//use.edgefonts.net/source-sans-pro:n4.js"></script>
<style>

body {
font-family: source-sans-pro, sans-serif;
text-align: center;
}
h1, p, h3 {
background: -webkit-linear-gradient(#000000, #000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
a:link, a:visited {
background-color: #f44336;
color: blue;
padding: 3px 6px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: red;
}
</style>
</head>

<script type="text/javascript" charset="utf-8">

$(function() { $('body').hide().show(); });
</script>

<body>
<div class = "body animated bounceInDown">
<h1 class="bounce">My Projects: </h1>
<h3> Software: </h3>
<p><b>Pinger:</b> <a href="google.com" target="_blank"> Download </a> &nbsp; <a href="google.com" target="_blank"> Github </a></p>
<h3> Games: </h3>
<p><b>HellBlocks:</b> <a href="google.com"> Itch.io page </a></p>
</div>
</body>
</html>


Thanks for any help!

Answer Source

Edge does not like shadows above 4px for some reason

Converting this:

.shadow {
     text-shadow: 2px 2px 10px #d3d3d3;
 }

To this :

.shadow {
     text-shadow: 2px 2px 4px #d3d3d3;
 }

Fixed everything... I still don't know why that's happening, maybe it's my edge client bugging.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download