A2H GO
Member
Registered: 14th Sep 04
Location: Stoke
User status: Offline
|
I have an eBay template and I want to change the background. This is the code:
code:
#mainpage {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #a8b5b2;
background: #121e1b url(C:\Users\Ash\AppData\Roaming\Listing Factory 2011\Workspace\Template\55063\templatemo_main_bg.png) repeat;
When I change the file location to the image I want, it just tiles the wallpaper across the page, if I change repeat to no-repeat it just puts the image really small in the top left corner.
Any ideas?
[Edited on 08-01-2012 by A2H GO]
|
JakeyC
Member
Registered: 4th Nov 10
Location: Newcastle-under-Lyme, Staffordshire
User status: Offline
|
background-size:cover;
css3 though unsure if it will work though
|
A2H GO
Member
Registered: 14th Sep 04
Location: Stoke
User status: Offline
|
Like this:
code:
#mainpage {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #a8b5b2;
background: #121e1b url(C:\Users\Ash\AppData\Roaming\Listing Factory 2011\Workspace\Template\16155\Temp698777888.jpg) no-repeat;
background-size:cover;
As that didnt work, this is what I've got:
See how the image is tiny in the corner...
|
ed
Member
Registered: 10th Sep 03
User status: Offline
|
You haven't said what you're trying to achieve...
|
Dom
Member
Registered: 13th Sep 03
User status: Offline
|
Yup, use CSS3 background cover.
code:
#mainpage {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #a8b5b2;
background: url("C:\Users\Ash\AppData\Roaming\Listing Factory 2011\Workspace\Template\16155\Temp698777888.jpg");
background-size: cover;
background-repeat: no-repeat;
Also i'd check it in a few browsers outside of Listing Factory.
|
A2H GO
Member
Registered: 14th Sep 04
Location: Stoke
User status: Offline
|
Ill check it out when I get in later.
|
Nismo
Member
Registered: 12th Sep 02
User status: Offline
|
As Ed said you havent told us what you want the background to do?
if you want it repeated X & Y then just put
background: url("C:\Users\Ash\AppData\Roaming\Listing Factory 2011\Workspace\Template\16155\Temp698777888.jpg") repeat;
and remove background-repeat: no-repeat;
The default value repeats horizontally and vertically If this doesn't work, then there's something else wrong with your page?
|
A2H GO
Member
Registered: 14th Sep 04
Location: Stoke
User status: Offline
|
You're right, I want to 'stretch' the one image I have rather than tile lots of little images.
|
Nismo
Member
Registered: 12th Sep 02
User status: Offline
|
just increase the res in photoshop to 1680-x1050?
|
A2H GO
Member
Registered: 14th Sep 04
Location: Stoke
User status: Offline
|
quote:
Originally posted by Nismo
just increase the res in photoshop to 1680-x1050?
Sorted it, this was it, I just resized the image using imageshack to 1024x768, not sure what that will look like on other sized screens though...
|
