i need help with my HTML and CSS code?

W

who knows

New member
so im trying to place my rollover button within my menubox and ive tried padding and margin but it seems to stay in the same place. Here's my code:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title> EasyJet </title>
<style type="text/css">
#container{width: 800px;
height: 600px;
margin: 10px auto 10px auto;
border: 2px solid black;
background-image:url('Homepage---impact-of-economic-business.gif');}

#menubox{float:left;
width: 5px;
height: 37px;
border: 1px solid black;
margin: 215px 58px;
padding: 100px 100px 100px 100px;}

.roll{float: left;
width: 200px;
height: 50px;
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-image:url(economic-environment---roll.gif);}

.roll:hover{background-image: url(economic-environment---over.gif);}





</style>
</head>



<body>
<div id="container">
<div id="menubox">
<a class="roll" href="http://uk.msn.com/?ocid=iehp"></a>

</div> </div>
</body>
</html>

Thanks.
appreciate the help. Thanks.

that doesn't do a thing, you need that so your website's recognised on web-browsers.
That doesn't help either. Thanks though :)
 
Back
Top