What is wrong with this HTML code?

T

Tyler

New member
The background image on the container div and the menu bar is not working.






<html>
<head>
<title>Tyler is Bored - Jump In!</title>
<style type="text/css">

/* Banner */
.header{float: center ;width: 820px;height: 250px ; border:0px solid black; background-image: url(crystal_banner.jpg);}

/* Navigation Bar */

.nav{ width: 100%; border: 1px solid white;background-image: url(menu_bar.jpg); font-style: italic; font-family: Georgia;}

/* Main Content */

.content {width: 100%; float: center; ; height: 80%; border:0px solid black; color:white; font-family:georgia; font-size:15pt;}

.update1 {width: 250px; float: left; background-image: url(crystal_chronicles.jpg); height: 100px; padding-left: 50px;}



/* Container */

.container {width: 820px; margin-left: auto; margin-right:auto; background-image:url(content_background.jpg); border:2px solid white; height:100%;padding-bottom:25px;}

body {background-image:url(super_nova.jpg); background-repeat:no-repeat; background-position:center;}

hr {color:blue;}


div { border:0px solid black; }
</style>
</head>





<div class="container">
<div class="header"></div>
<div class="nav"><center>
<button>About Us</button>
| <button>Blog</button> |
<button>Downloads</button> |
<button>Contact Us</button>

</center> </div>

<div class="content">

<i><center><p>Hello and Welcome! </p></i></ucenter>

<hr />


<div class="Update1">
</div>









</div>


</body>
</html>
 
Back
Top