Background images using CSS..?

0 ⤊

Background images using CSS..?

I want to create a custom background image for the entire index page of my site. I have an 800px by 800px .png file coded into the CSS.
#main-container {
background-image: url(/assets/images/800x800.png);
}

It shows up in Dreamweaver. It shows up on the internal site check browser... When I FTP the changes to my site, the background image does not show up.

Is this a CSS error on my behalf or a browser error I am not aware of.?

How do designers get those elaborate background images on their pages.

2007-10-02 03:31:30 · 4 answers · asked by rviano11 2 in Computers & Internet ➔ Programming & Design

4 answers

Did you upload your image as you made the changes to your css? Make sure the url of the image is the correct one as well.

2007-10-02 08:22:14 · answer #1 · answered by Anonymous · 0⤊ 0⤋

Seeing you have set the width of the website to 1100px i might anticipate that there is a field around the contents of the website.

Your cyber web website contents /div Xara cyber web ought to have created a sort for this field. something like this: #field { width: 1100px; margin-left: vehicle; margin-properly suited: vehicle; } This contraptions the width of the field to 1100px and centers the field horizontally interior the browser window. If there is an present historical past image for this field, it could be precise right here too. If the historical past image you're attempting to place is interior the physique tag's CSS coding, then it could be much less complicated to go the image to the field defined above. in case you positioned the margins of the image to particular pixels (as defined in the different answer) it particularly is going to be distinctive on each video show reckoning on what browser and working gadget they are utilising. each browser and working gadget interprets mounted measurements in a distinctive way.

2016-10-05 23:16:12 · answer #2 · answered by ? 4 · 0⤊ 0⤋

Reference the body tag instead....

body { background: url(/assets/images/800x800.png); }

2007-10-02 03:39:49 · answer #3 · answered by phil h 2 · 0⤊ 0⤋

Your url must be complete ie:
"http://www.mysite.com/assets..."
OR without the initial "/" : url ( " assets...
As usual, Dreamweaver messes it up by doing the wrong things for you...

2007-10-02 03:39:38 · answer #4 · answered by just "JR" 7 · 0⤊ 0⤋