HTML/CSS--Creating a banner/header

Question

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: ``` ``` I think there may be something wrong with my image. I tried this using a different image, and it worked, but my text was stretched. How do I create a banner with a logo that doesn't stretch when I use this code??

Accepted Answer

You have a typo:

You currently have: `height: 200x;`

And it should be: `height: 200px;`

Also check the image url; it should be in the same directory it seems.

Also, don't use 'px' at null (aka '0') values. 0px, 0em, 0% is still 0. :)

```
top: 0px;
```

is the same with:

```
top: 0;
```

Good Luck!

HTML/CSS--Creating a banner/header

Solution

Problem