0

I have this code that should set up the page header

#headerWrap {
	margin-left: auto;
	margin-right: auto;
	width: 700px; 
	height: 100px;
	background: url(Images/header.gif) no-repeat;
}

the picture is not being displayed. Please tell me how to fix this.

Thanks

2
Contributors
5
Replies
6
Views
6 Years
Discussion Span
Last Post by sirlink99
0

The correct syntax for the background property is: background: url('Images/header.gif') no-repeat; Also, file paths are case-sensitive.

So you have a folder named Images in the same folder as the HTML/CSS document with this CSS rule?

Regards
Arkinder

0

It is in the same folder. The Images folder is named Images. I added in the '. The image still isn't showing up. would this be enough to call the image?

<div id="headerWrap" align="center"></div>

or do I have to write something else.

Thanks

0

It should be. Align is a deprecated attribute - don't use it. Just try displaying it as a normal image first

<img alt="" src="Images/header.gif">

Are you locally hosting this or is it on a site?

Regards
Arkinder

0

Thanks that fixed the error

sorry for the double reply

Edited by sirlink99: n/a

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.