image as background-image?

[dina]

[virtual]

This has happened to me several times too.

 

Change the following in your body tag

background-image: url('images/dark_pixel.jpg') repeat-x;

 

to

background: url(images/dark_pixel.jpg) repeat-x;

 

In other words don't add -image to background and remove the quotes.

 

Also there is no background image in your header css.

 

Hope this helps

 

[Mod Edit - I fixed the typo in the code line provided by virtual to avoid confusion]

Edited December 29, 2008 by Andrea

[dina]

Ok, thank you virtual, I have tried that but no luck. I'm literally sitting with my hands in my hair, because I'm working against time.

 

the only other thing that I can think of could be my DOCTYPE! is it right, could you please have a look at it.

 

 

thanx

[Susie]

This has happened to me several times too.

 

Change the following in your body tag

background-image: url('images/dark_pixel.jpg') repeat-x;

 

to

background: url(images/dark_pixel.jp') repeat-x;

 

In other words don't add -image to background and remove the quotes.

 

Also there is no background image in your header css.

 

Hope this helps

 

There's a small typo here. It should be:

 

background: url(images/dark_pixel.jpg) repeat-x;

 

 

Can you give us a link or give us the full page code? That will help us better determine what the problem is.

[dina]

This is my paragraph

[virtual]

Oops, I saw that typo too in the reply. Hopefully Dina removed the quotes and the -image and did not copy and paste my typo.

 

Next step is to make sure that your CSS is calling the right image and that there isn't a typo in there too for example an underscore instead of a dash. As you can see from my mistake a lot of grief can come from a typo.

 

Susie is right, can you give a link to the page, much easier to identify the problem.

[JBall]

body {
color: #A9A9A9;
background-image: url(images/dark_pixel.jpg); 
background-repeat: repeat-x;
background-attachment: fixed; 
} 

[Andrea]

the only other thing that I can think of could be my DOCTYPE! is it right, could you please have a look at it.

 

 

thanx

Even an incorrect doctype likely wouldn't cause any issues with your background image displaying. But to ensure the cleanest code possible, it's better to use a strict doctype, not transitional or loose.

[virtual]

Got it,

You need to change this line of code

background: url('bipolar.gif') repeat-x;

to this

background: url(../bipolar.gif) repeat-x;

 

The reason for the error is that your CSS file is in a folder, so to call the image from your css file within the folder you need the ../ to tell the CSS to look outside its own folder.

If you keep your css file in one folder and your images in another images folder you would need to change this to but only when calling the image from the css file.

background: url(../images/bipolar.gif) repeat-x;

[virtual]

PS: Your Doctype is missing an exclamation mark before the word doctype

[dina]

 

I am trying everything you guys are suggesting, with no luck, but thanks anyway every one that contributed.

 

thanks

[Andrea]

It really would be so much easier for us to help you if you could upload your pages - you can just create a temp folder on your server or something.

[Andrea]

...also, virtual is correct with his explanation re paths. I learned long ago that using absolute paths to the CSS and to anything out of the CSS saves a lot of problems down the road - then it does not matter what folder something is, it'll always be right.

[dina]

ok let me upload it to the server, is this done with filezilla? could you please help me Thelma!

 

Just want to say there is nothing on this webpage, it is blank, and I'm not succeeding to insert any image in the body at all.

[virtual]

LOL, Virtual is a she...

[dina]

K, now we know, thank for all the help!

[virtual]

Try this.

Put your image file in the CSS folder and leave the code for the background image like this

 

background: url(bipolar.gif) repeat-x;

 

If it shows up on your page, then your problem is where you had previously put your image.

 

Read the following article which explains the difference between relative and absolute paths.

http://www.ibdhost.com/help/path/

[Susie]

Dina, have you uploaded it to your server yet? If not, do you have an FTP? You can always use FireFTP that works with the Firefox browser. http://fireftp.mozdev.org/

 

Let us know if you need help with it.

[dina]

Hi Susie I have downloaded it but it says windows is unable to open it when I tried to open it

[Susie]

Just to be sure, are you using the Firefox browser when trying to use it? Also, the way I access mine is through Tools at the top of the window.

[dina]

Ok that was the problem, it has been installed successfully!

[Susie]

Good! Just let us know when you've got the page uploaded and we'll take a look.

[JBall]

You might find this article on folder structure helpful.

 

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14029

[dina]

Hi, I have tried to upload my site/page onto the server with little success, so I'm bzy trying to sort that out.

 

The next big problem that I have is that none of my images are visible when I load my page from wamp. I have tried every image and in different div too.

[falkencreative]

Thanks for sending me the files...

 

Basically, you have most things right. Looks like you have a good file structure worked out, and most of your code is correct. Three things though (basically, my comments are exactly what all of the other members above have been saying):

 

-- What editor were you using to save your default.php file? When I previewed it, I got some strange squiggly characters at the top of the page. Resaving it in dreamweaver fixed the issue.

 

-- Secondly, this line is incorrect in two ways: background-image: url(css/dark_pixel.jpg) no-repeat;

 

First off, you need to use "background:" rather than "background-image:". Secondly, keep in mind that your file paths are relative to whichever file you are currently in. So, since the CSS file you are working on is in the CSS folder, there is no need to add "css/" to the beginning of the file name. If you want to access an image file that is in the same folder as the css, just use "dark_pixel.jpg". If you want to access a image file within your images folder, you need to go up one level (moving out of the CSS folder), then into the images folder, and then select your image (so, in this case, "../images/dark_pixel.jpg")

 

So, to recap, in order to get this to work, you need to change line 23 in your css file to this: "background: url(dark_pixel.jpg) no-repeat;"

 

-- Also, at least when I preview the default.php file, I don't get any images to display because there aren't any -- in your css, the only image you are using is associated with the #logo div, and that doesn't appear on the page.

 

Hopefully that helps clear things up. You have some issues with your CSS layout, but I don't want to discuss those until you get the images issue sorted out first.

[dina]

thank you, I have read through everything, it sounds complicated, so I will have a look at it in the morning because it is late already.(22h15 here).

 

thank you for your effort to try and sort it out for me.

 

Have a good nights rest too.

 

thank you yet again.