Reply
Background Image help.
Old 11-16-2006, 03:15 AM Background Image help.
Novice Talker

Posts: 7
Currently im working on a website for my XBL Team.

Im going for a simple yet effective look.

Currently im trying to achieve a look similar to this ( www.gamefaqs.com)

With the image in the background, and a banner that matches.

MY current problem is getting my Image to autofit to the background. I dont want to resize it my self and have it look ok on one resolution and look like crap on another.

I've tried some CSS but havent really touched much of that in my experience.

All the help that can be provided would be great. thank you.
ske7ch is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 11-16-2006, 03:44 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 489
Name: Chip Johns
Location: Savannah Georgia
Here's how they did it... This goes in your css style sheet. Of course the url to the image will change to point to the image on your site..

Code:
body{background:#dcdcdc url(http://image.com.com/gamespot/shared...default/bg.gif) 
repeat-y top center;
color:#333;margin:0;}
ChipJohns is offline
Reply With Quote
View Public Profile Visit ChipJohns's homepage!
 
Old 11-16-2006, 03:48 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 489
Name: Chip Johns
Location: Savannah Georgia
Sorry, Here is the correct one...

Again, you will need to adjust it so that it will use your image.

body {background:#2e4e32 url("http://i.i.com.com/cnwk.1d/Ads/7552/12/Nintendo_ChildrenFAQSkin.jpg") no-repeat fixed top; }
ChipJohns is offline
Reply With Quote
View Public Profile Visit ChipJohns's homepage!
 
Old 11-16-2006, 04:20 AM Re: Background Image help.
Novice Talker

Posts: 7
I've tried that and it just creates a green background behind my website

Last edited by ske7ch : 11-16-2006 at 04:28 AM.
ske7ch is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 04:24 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 489
Name: Chip Johns
Location: Savannah Georgia
Do you have any syle sheets set up yet? This will need to go in your style sheet.
If your style sheet is in the file it will look like this:

HTML Code:
 <style type="text/css">
<!--
body {background:#2e4e32 url("http://i.i.com.com/cnwk.1d/Ads/7552/12/Nintendo_ChildrenFAQSkin.jpg") no-repeat fixed top; }
}
-->
</style>
ChipJohns is offline
Reply With Quote
View Public Profile Visit ChipJohns's homepage!
 
Old 11-16-2006, 04:43 AM Re: Background Image help.
Novice Talker

Posts: 7
No, see that i can do.

But im trying to get the CSS to autosize the Image to fix perfectly into whichever Resulotion.

So if i use that coding with my quite larger image, it only shows 1/4 the image
ske7ch is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 04:54 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 489
Name: Chip Johns
Location: Savannah Georgia
The gamefaqs site does the same thing. View the background image and notice how big it is..!

You need to shoot for your typical audience. make the graphic meet their standards for screen rez, etc.
ChipJohns is offline
Reply With Quote
View Public Profile Visit ChipJohns's homepage!
 
Old 11-16-2006, 05:26 AM Re: Background Image help.
Novice Talker

Posts: 7
now last question.

How would i go about lining up the image in the middle. that scrolls with the website.

IS there a way to have exact pixels.

www.teamu0d.com is what i have so far.

its nothing at all except the one image and teh bg.

Last edited by ske7ch : 11-16-2006 at 05:30 AM.
ske7ch is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 01:37 PM Re: Background Image help.
LadynRed's Avatar
Super Moderator

Posts: 6,743
Location: Tennessee
Quote:
IS there a way to have exact pixels.
Very little, if anything, in the browser world can be EXACT and you really should not even try - you'll drive yourself looney.

Unless you have a background that can be repeated, you're not going to be able to "auto adjust" anything in CSS.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 04:20 PM Re: Background Image help.
Novice Talker

Posts: 7
ok well does anyone have any ideas on how to setup my page, so when you scroll tot he top, the images line up perfectly like on

www.gamefaqs.com
&
www.gamespot.com
ske7ch is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 04:43 PM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 489
Name: Chip Johns
Location: Savannah Georgia
Its just something you need to play with until you get it right.

We do the same thing. Even for those of us who know css extremely well, (and I do not include myself in this group,) it takes time getting things to work correctly.

Very rarely do we just lay the page out and it works. It takes effort and sweat..

At first it takes 10 times longer. It is just part of the learning curve when you move into more complicated layouts. There is no magic bullet.
ChipJohns is offline
Reply With Quote
View Public Profile Visit ChipJohns's homepage!
 
Old 11-16-2006, 04:52 PM Re: Background Image help.
Novice Talker

Posts: 7
oh i understand.

I've been playing with it all night. till 6am last night.

My biggest problem is putting my content in the middle..

If i use a table it starts from the center and as i add more content it expands out. Not from top to bottom)

Also @ the top of the page, theres roughly a 1 inch gap that i cant seem to fix.
ske7ch is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Background Image help.
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.16067 seconds with 12 queries