Newby newb question on using image

genista · #1 Jul 17th, 2007, 10:19

Hi,

I'm new to stylesheets so keep with me....

I have avery simple external stylesheet:

body
{ 
background-image: 
url('images/banner_flat.jpg');
background-repeat: 
no-repeat;
background-position: 
 center; 
}
first { color: blue; } 
h3{ color: white; }

Then in an even simplet html page I have

HTML: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<link rel="stylesheet" type="text/css" href="head2toe.css">
</head>
</html>

But alas no background image is being displayed, any ideas where I am going wrong?

Thanks,

G

1840dsgn · #2 Jul 17th, 2007, 10:31

Quote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<link rel="stylesheet" type="text/css" href="head2toe.css">
</head>

</html>

Yup, you've got no body! and therefore nowhere to apply the styles to!

And because there is no body there is no h3 so that style isnt being applied.

Try this...

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<head> 
<link rel="stylesheet" type="text/css" href="head2toe.css"> 
</head> 

<body>

<h3>This should have the h3 style applied to it!</h3>

</body>

</html>

genista · #3 Jul 17th, 2007, 10:36

Ah!

Ok so I have added that, but still no background image. The images is stored in the images directory which I have no reference to, but I would have thought that IE would ouput some kind of broken image identifier?

Thanks for your help,

G

1840dsgn · #4 Jul 17th, 2007, 11:23

what is the url of the website?

if you type in....your url/images/banner_flat.jpg

you should see the image on its own, if you don't your not linking to the right place for the image.

send us the url of the site and we can have a look...

genista · #5 Jul 17th, 2007, 11:56

ah worked it out, I think I will be ok from here.

Cheers,

G

1840dsgn · #6 Jul 17th, 2007, 12:39

cool

glad you got it sorted

Mike

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image Problem in HTML-newb question	partyon	Web Page Design	2	Jun 6th, 2008 00:18
Image Change Question	adz13091982	Starting Out	3	Apr 28th, 2007 09:17
Total newb question....soryy!!	lydian	Web Page Design	8	May 28th, 2005 14:58
image as hyperlink question	bklcomputing	Web Page Design	2	May 20th, 2005 06:56

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Newby newb question on using image