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:

Post image

Here’s what I’m trying to get to:

Post image

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”> &nbsp;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”> &nbsp;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”>&nbsp;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”>&nbsp;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”>&nbsp;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”>&nbsp;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”>&nbsp;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”>&nbsp;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”>&nbsp;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?



Source link

Write A Comment