css question

tekmorph · 09-04-2004, 05:52 PM

Hello new to CSS and I was trying to practice something as simple as placing the image, I have searched google for hours and my code seems fine just will not place the image. I dont even get a box with the x, nothing. Could someone please tell me where I am wrong?
<html>
<head>
<STYLE type ="text/css">
BODY{
background-image:
url("../images/natesmug.jpeg");
background-repeat:
no-repeat;
background-position:
bottom right;
}
</STYLE>
</BODY>
<title>CSS Practice></title>
</head>
<h1><center><font face="adler" size=""7">Under construction check back soon...</font></center></h1>
<body>
</body>
</html>

//the url("../images/natesmug.jpeg"); works with html...//

win32sux · 09-04-2004, 06:14 PM

try removing the quotes around the url... [edit] actually, that should work fine i think...

try getting rid of that </BODY> tag... there was also some typos in there... try this one:

Code:

<html>
<head>
<style type ="text/css">
body
{
background-image:
url("../images/natesmug.jpeg");
background-repeat:
no-repeat;
background-position:
bottom right;
}
</style>
<title>CSS Practice></title>
</head>
<body>
<center>
<h1><font face="adler" size="7">Under construction, check back soon...</font></h1>
</center>
</body>
</html>

tekmorph · 09-04-2004, 06:30 PM

Wish I could say that worked, I'm sure your codes fine it probably is somewhere on my end...thanks for the try though.

win32sux · 09-04-2004, 07:01 PM

i've heard "background" is better supported than "background-image"... i'm not sure... (maybe it's a browser thing??)

anyways, try this and see:

Code:

<html>
<head>
<title>CSS Practice</title>
<style type="text/css">
body
{
background: white url(../images/natesmug.jpeg);
background-repeat: no-repeat;
background-position: bottom right;
}
</style>
</head>
<body>
<center>
<h1>Under construction, check back soon...</h1>
</center>
</body>
</html>

tekmorph · 09-04-2004, 07:27 PM

wish I knew...wish I knew.This is a bummer.

win32sux · 09-04-2004, 07:30 PM

didn't work either, huh??

tekmorph · 09-04-2004, 08:20 PM

no Ive tried in 3 diffrent browsers, with different images, and from different directories. I don't know I'm stumped but its probably something really easy that I just cant see right now. I dont know if I mentioned this but the html section of this works just fine, just not the CSS.

win32sux · 09-04-2004, 08:28 PM

this is weird... lol...

i'm gonna test the code on my machine... i'll post in a little bit... hang-in-there...

win32sux · 09-04-2004, 08:59 PM

i just tried the version from post #4 and it works fine...

i'm using firefox 0.9.3 on slackware 10.0 right now...

i think you need to check the path to the image...

if the "images" directory is in the same directory as this file, then you need to eliminate the "../" at the start of the path, for example... or perhaps the image name is wrong, like, maybe it's "jpg" and not "jpeg"... i don't know, but i'm almost sure the problem is the path, or maybe the permissions of the images directory are off...

tekmorph · 09-04-2004, 09:19 PM

you got it...jpg...not jpeg...thanks alot. I knew it was simple.Thanks for spending your valuable time on my post.Thank you very much.

win32sux · 09-04-2004, 09:21 PM

Quote:

Originally posted by tekmorph
you got it...jpg...not jpeg...thanks alot. I knew it was simple.Thanks for spending your valuable time on my post.Thank you very much.

you're very welcome!!!

=)