HTML/CSS--Creating a banner/header
I've got a horizontal image as a GIF and JPG. It is something I made with
Paint--a text logo with an image on a solid background.
I am having a lot of trouble trying to get it to display as a banner/header.
So far, I am only able to get the solid background to show up. The
text/logo mysteriously disappears. The solid background extends to the
full screen over my background image, and I want that, but obviously, with
my text/logo showing up.
This is the code I am using:
<style>
body {
background: url("mybackgroundimage.gif") repeat;
}
#banner {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 200x;
z-index: -1;
}
</style>
</head>
<body>
<img id="banner" src="mybannerimage.gif" alt="Banner Image"/>
</body>
What is the correct code I should be using? Thanks!!
-Diana
No comments:
Post a Comment