Jump to content

Archived

This topic is now archived and is closed to further replies.

jpeiji

Adding a background image to the whole site.

Recommended Posts

my image still will not display on my site, all i get is a plain white BG and my text has changed to Times New Roman?? any suggetsions, this is the code i have

BODY {

background-image : url('/www/images/metal013.gif);

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

}

 

in the line under BODY you have the single quote right after the first parenthesis but you forgot to close it with a single quote before the last parenthisis...like ('code goes here') but in yours you have ('code goes here) with no second/closing single parenthisis. maybe that's why.....

Share this post


Link to post
Share on other sites

 

 

 

Why are you posting a reply to a 4 year old query??


Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Share this post


Link to post
Share on other sites

I also add width 100% so no matter what size of image its always fits, please let me know if it may cause any problem some where, as I am new and just trying to learn something,

 

BODY {

background-image: url('images/g_bg.gif');

width: 100%; margin: auto;

background-repeat: repeat;

background-position: center;

}

 

thanks in advance for your comments

Share this post


Link to post
Share on other sites

OMG, I feel really, really dumb, because I don't even know how to get to the body, or anything else for that matter to edit oscommerce. Any help would be appreciated. I am not sure If I have to edit this on my server, using the files that I uploaded or through the admin section of the oscommerce, PLEASE, HELP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Share this post


Link to post
Share on other sites

Background images aren't normally "clickable".

 

I'd have to see the site to see exactly what you're wanting to make "clickable".


If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Share this post


Link to post
Share on other sites

This may well make me sound thick, but how do I upload an image to the web server?

I have put the image into the images file using ftp. is that not the same thing?

 

this is the code I have entered......

background-image : url('catalog/images/shop background.jpg');

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

Share this post


Link to post
Share on other sites

Try replacing this line:

 

background-image : url('catalog/images/shop background.jpg');

 

With this:

 

background-image : url('images/shop background.jpg');


If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Share this post


Link to post
Share on other sites

Unless you want to give a URL (by post or PM) stick a fork in me 'cuz I'm done.

 

I can't help fix what I can't see...


If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Share this post


Link to post
Share on other sites

I have tried adding a back groud image to my site and used the following code.

body {

background-image : url('https://www.mystore.net.au/shop/images/skywithclouds.jpg');

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}

 

but it dosent work.

 

any ideas

Doug

Share this post


Link to post
Share on other sites

You should be able to add it with this:

body {background: url(images/skywithclouds.jpg) no-repeat 50% 50%;}

 

No quotes are needed. Note however that unless the closing body tag is 'cleared' like so:

<div class="clear"></div>
</body>

The image will not display.


Oscommerce site:

 

 

OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120

Share this post


Link to post
Share on other sites

Anyone really wanting help on this should give their URL.

 

It's almost impossible to help with this without a URL.


If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Share this post


Link to post
Share on other sites

There is no

<div class="clear"></div>
</body>

In the css file should there be i'm running 2.3.1

 

Doug

 

Add

 

.clear {

clear: both;

}

 

to your stylesheet.


REMEMBER BACKUP, BACKUP AND BACKUP

Get the latest Responsive osCommerce CE (community edition) here

It's very easy to over complicate what are simple things in life

Share this post


Link to post
Share on other sites

×