why wont my image show up? :(

monkeymafia · #1 (**permalink**) Jun 19th, 2007, 15:23

Hi

this is really frustrating, my image wont show. please help me. the image that i cant get to show up is the maingb.jpg image under the header tag. the directory url cant be wrong because the background image for the body works and the image is in the same folder.

this is my css code

Code: Select all

/* CSS Document */
body { 
  margin:0px; 
  text-align: center; 
  color: white; 
  background: #aed0e4 url(images/background.gif) repeat-x fixed top    left;
 
}   
#container
{
  position: absolute;
  top: 3%;
  left: 11.5%;
  margin: auto;
 
  width: 746;
  height: 710;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
 
}
#header {
    background: url(images/mainbg.jpg) no-repeat;
 
}

and this is my html code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
 
  <title>Portfolio v1</title>
  <link href="layout.css" rel="stylesheet" type="text/css"/>
  </head>
 
  <body>
 
    <div id="container">
            <div id="header">
</div>
 
    </div>
 
  </body>
</html>

karinne · #2 (**permalink**) Jun 19th, 2007, 15:31

You need to specify a height in the #header

Code: Select all

#header {
    background: url(images/mainbg.jpg) no-repeat 0 0;
    height: 250px; 
}

if that doesn't work ... give us a link.

monkeymafia · #3 (**permalink**) Jun 19th, 2007, 15:42

omg! thank you so much!!

fuzzee · #4 (**permalink**) Jun 20th, 2007, 15:10

I had the same problem, and I fixed it by saying background-image: url (....)!

karinne · #5 (**permalink**) Jun 20th, 2007, 17:12

You need to specify a height to div containing only a background since a background is not content.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Background image won't show up	casho	Web Page Design	7	Mar 5th, 2008 09:04
Can't get a large image to show up	tseyigai	Flash & Multimedia Forum	2	Jan 7th, 2008 20:12
link padding wont show up in IE	rhpenguin	Web Page Design	4	Dec 3rd, 2007 19:20
[SOLVED] Background Image wont be at bottom	defy	Web Page Design	7	Nov 9th, 2007 20:33
help..image wont display	shotokan99	PHP Forum	0	Jun 27th, 2007 03:41

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
why wont my image show up? :(