Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

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

Posts: 7
Trades: 0
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
 
 
Register now for full access!
Old 11-16-2006, 02:44 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 488
Name: Chip Johns
Location: Savannah Georgia
Trades: 0
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, 02:48 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 488
Name: Chip Johns
Location: Savannah Georgia
Trades: 0
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, 03:20 AM Re: Background Image help.
Novice Talker

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

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

Posts: 488
Name: Chip Johns
Location: Savannah Georgia
Trades: 0
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, 03:43 AM Re: Background Image help.
Novice Talker

Posts: 7
Trades: 0
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, 03:54 AM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 488
Name: Chip Johns
Location: Savannah Georgia
Trades: 0
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, 04:26 AM Re: Background Image help.
Novice Talker

Posts: 7
Trades: 0
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 04:30 AM..
ske7ch is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 12:37 PM Re: Background Image help.
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
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 !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-16-2006, 03:20 PM Re: Background Image help.
Novice Talker

Posts: 7
Trades: 0
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, 03:43 PM Re: Background Image help.
ChipJohns's Avatar
I don't know! Do you?

Posts: 488
Name: Chip Johns
Location: Savannah Georgia
Trades: 0
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, 03:52 PM Re: Background Image help.
Novice Talker

Posts: 7
Trades: 0
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 Search this Thread
Search this Thread:

Advanced Search

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

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





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



Page generated in 2.62791 seconds with 12 queries