A Digital Age Deserves A Digital Leader

html question

html question

Postby Xstream » Wed Aug 15, 2007 11:18 pm

I have an 800x600 jpg image that I want to use as the background on a webpage. Is there a way to alter its size and make it full screen no matter what resolution people use? if not, how do I code it to make it a centered background image?

Image



I am thinking of doing something like this site
http://www.pathwaybaptist.org/

but maybe in flash
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby Xstream » Sun Aug 19, 2007 8:25 pm

alright, dead silence from everyone.
I have discoved the hard way that making an image a full screen background does not work by making it a 100% image.
take a look at this full screen,
http://www.kevincastleberry.com/ccfb/test6.html
not bad, then resize your browser window so that it is either wider than it is tall, or vise versa.
creepy. mutilates my image, but fun to do.
ok, new plan!
how about I create the image in all different resolutions, 800x600, 1024x768, 1280x960, etc, and then use javascript to detect the users resolution, and make that one the image used for the background?
would that work?
and if so, does anyone know enough about javascript to do it?
I'm open to other suggestions, I just really didn't want a website inside a small square on the screen, and my church is determined to use the above image.
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby xxsonyboy4lfexx » Sun Aug 19, 2007 9:13 pm

I am at 1280x960 and it's full screen
Image
PRO Level 8
User avatar
Posts: 315
Joined: Sat Jan 07, 2006 4:42 pm
Location: California

Postby Xstream » Sun Aug 19, 2007 9:16 pm

yes, but resize your window by pulling on the bottom corner of a medium sized window, drag it all around. screws up the image, looks like silly putty.
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby Nativedude » Sun Aug 19, 2007 10:42 pm

LOL yeah it does look like silly putty,
I believe javascript would be the easier route, but I don't know where you could get that script, best bet would be to google it
PRO Level 15
User avatar
Posts: 1173
Joined: Tue Mar 09, 2004 9:59 pm
Location: Historical Yorktown, Virginia USA
Real Name: Adam Durham

Postby jbullard » Mon Aug 20, 2007 4:05 am

Yeah. That method is really what you are going to get from all unless you do something like split that image into different images. For instance, you can have the speckled background as the body background, then take the "pictures" and use a div for those, and finally a div for the church. This wouldn't distort the image but would eventually cause scrollbars depending on how small the browser was.
VP - Software
User avatar
Posts: 3653
Joined: Sun Jun 06, 2004 10:17 pm
Location: Utah
Real Name: Jason Bullard

Postby Xstream » Tue Aug 21, 2007 11:50 pm

jbullard wrote:Yeah. That method is really what you are going to get from all unless you do something like split that image into different images. For instance, you can have the speckled background as the body background, then take the "pictures" and use a div for those, and finally a div for the church. This wouldn't distort the image but would eventually cause scrollbars depending on how small the browser was.


ok, tried that.
Test it for me and tell me what you think. I got the original image from a friend, so I had him send me the .psd files. I then broke it into individual transparent images and put it all back together in div layers.
not perfect, but I think I'm on the right track. The links are just test placeholders, I havent started content yet.

http://www.kevincastleberry.com/ccfb/test8.html
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby Xstream » Fri Aug 24, 2007 3:18 am

http://www.kevincastleberry.com/ccfb/test9.html
is where I'm at right now. I'm wanting to make a text box on the page with a fixed width that can scroll down if needed.
any idea how?
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby Xstream » Sun Aug 26, 2007 10:38 pm

ok, I scraped the whole thing.
working with a flash template now, hows this look so far?
http://www.kevincastleberry.com/ccfb/flash/index.html
PROfessional Member
User avatar
Posts: 3477
Joined: Fri Mar 15, 2002 2:30 am
Location: USA

Postby NT50 » Sun Aug 26, 2007 11:09 pm

Nice so far....

Where did you get the template?
Dogs Have Owners; Cats Have Staff
PROfessional Member
User avatar
Posts: 8220
Joined: Sat Jun 19, 2004 4:46 pm
Location: Jackson, TN USA
Real Name: Jeff Replogle

Next

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 3 guests