[ronanbrowne88]

im trying to get a background image to show in my header div but its just not happening for me and im not sure why.

im sure the path ive specified is correct, ive put the image in the main directory so that cant be the problem. any one have any idea whats wrong? hear is the css.

#header{
	background-image:url('banner.jpg');
	width:760px;
	height:100%;
	margin: auto;
	padding:0;


}

This post has been edited by Atli: 16 December 2012 - 08:25 AM
Reason for edit:: Fixed the [code] tags.

[Atli]

Hey. Where is this CSS located? In the HTML document or in an external CSS file? If it's external, where exactly?

I ask because paths inside CSS files are relative to it's position. So if you have this structure:

/
  index.html
  banner.jpg
  css/
    main.css

Then in order for the main.css file to include the banner image, it'll have to do:

background-image: url(../banner.jpg);

[ronanbrowne88]

Oh yes your right , i was thinking of it as if it was relative to the index.html. got it working thanks!

[khedron]

also isn't that location supposed to be more like

background-image:url('.../banner.jpg');

[Atli]

Nope. The quotes are optional, and you use two periods to go up a level, not three.

[khedron]

ahh , a lot of my code is bad then , but if i don't do that it ussually navigates from the root folder . instead of the one the html/php file is in

[Atli]

that's odd. Three periods have no meaning, like one or two periods do. If you use three periods in a path, the browsers will just assume you are looking for a file or directory named using three periods.

[khedron]

i looked at my css again , and you are right , it is two. no idea why i remembered 3 /> , but it still doesn't work with out them . (the two periods) would that mean he needs to add them to his code as well?

This post has been edited by khedron: 18 December 2012 - 10:11 PM