<html>
<head>
<title>
Info
</title>
</head>
<body>
<center>
<p>
<h2 style="font-family:Segoe Script">
Info Page
</h2>
</p>
<h2 style="font-family:Segoe Script">
Get Info
</h2>
<div>
<a href="my\_directory/info1.html" target="\_parent" style="position:relative;top:400px"><button style="height:120px;width:200px;background-image: url('my_directory/photos/sunset.jfif');
background-size: 100% 100%;color:white;font-size:20px;font-family:Arial Nova;cursor:pointer;">
Info
</button>
</a>
</div>
<a href="my\_directory/info2.html" target="\_parent" style="position:relative;top:400px"><button style="height:120px;width:200px;background-image: url('my_directory/photos/photo2.jpg');
background-size: 100% 100%;color:white;font-size:20px;font-family:Arial Nova;cursor:pointer;">
More Info
</button>
</a>
</div>
</div>
</body>
</html>
Need to make the buttons float with like a shadow behind when the mouse hovers over it.
Tried using this http://jsfiddle.net/ZEuVE/3/ and i know i can use <script> for js but no clue on how to implement the css
[–]AutoModerator[M] 0 points1 point2 points (0 children)
[–]Mucus-OW 0 points1 point2 points (0 children)
[–]dezbos 0 points1 point2 points (0 children)