So I’ve completed most of the this code, but I’ve run into a couple things I want to fix , but I don’t know how. A little help would be appreciated!
Here’s what I ended up with:
Here’s what I’m trying to get to:
Here’s my back-end code:
<html>
<head>
<style>
.tools:hover{
cursor: pointer;
background-color: limegreen;
box-shadow: 2px 2px 2px 2px ;
border-radius: 10px;
transition: all ease 2s;
border-right: 5px pink solid;
text-transform: uppercase;
}
</style>
</head>
<body>
<table> <p>
<tr><td width=”20%”></td>
<td width=”20%”>
<div class=”tools”> Telephone </div>
</td><td><input type=”text” size=”35″ maxlength=”256″ name=”Telephone”></td></tr>
<tr><td width=”20%”></td>
<td width=”60″>
<div class=”tools”> E-mail Address </div>
</td><td><input type=”text” size=”35″ maxlength=”256″ name=”Email” value=””></td></tr>
<tr><td width=”20%”></td>
<td width=”45″>
<div class=”tools”> Last Name</div>
</td><td><input type=”text” size=”35″ maxlength=”256″ name=”LastName”></td></tr>
<tr><td width=”20%”></td>
<td width=”20%”>
<div class=”tools”> First Name</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”FirstName”> </td></tr>
<tr><td width=”20%”></td>
<td width=”45″>
<div class=”tools”> Address</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”Address”></td></tr>
<tr><td width=”20%”></td>
<td width=”45″>
<div class=”tools”> City</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”City”> </td></tr>
<tr><td width=”20%”></td>
<td width=”20%”>
<div class=”tools”> State</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”State”> </td></tr>
<tr><td width=”20%”></td>
<td width=”45″>
<div class=”tools”> Country</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”Country”></td></tr>
<tr><td width=”20%”></td>
<td width=”45″>
<div class=”tools”> Zip</div>
</td> <td><input type=”text” size=”35″ maxlength=”256″ name=”Zip”></td></tr>
</table>
<br>
<table>
<div class=”tools”> Favorite Hero (Pick one): </div>
<input type=”checkbox” name=”hero” value=”superman”> Superman
<input type=”checkbox” name=”hero” value=”batman”> Batman
<input type=”checkbox” name=”hero” value=”captain america”>Captain America
<input type=”checkbox” name=”hero” value=”iron man”> Iron Man
<center>
<div class=”tools”> Favorite Villain: </div>
<input type=”radio” name=”villain” value=”joker”> Joker
<input type=”radio” name=”villain” value=”lex luthor”> Lex Luthor
<input type=”radio” name=”villain” value=”marvel”> Marvel
<input type=”radio” name=”villain” value=”dc”> Dc
</center>
How can I adjust it to make it like the goal?