Background Images

T

Trevor

I am writing a toy site, and it needs a more fun and playful
background. Is an image the only way of effecting more than a plain
colour?

The toy site at

http://www.newbright.com

shows a more interesting background. (Newbright is a large
manufacturer of toys.)

New Bright uses images and javascript, but I think that has
inflexibility due to download times being longer, and also creating a
dependence to client based scripts.
 
J

Joe Patrick

The toy site at
http://www.newbright.com

shows a more interesting background. (Newbright is a large
manufacturer of toys.)

New Bright uses images and javascript, but I think that has
inflexibility due to download times being longer, and also creating a
dependence to client based scripts.
Click to expand...

<BODY background="imagename.whatever">
Just replace the <Body> tag with that and put an image at the end
 
H

Headless

Joe said:
<BODY background="imagename.whatever">
Just replace the <Body> tag with that and put an image at the end
Click to expand...

1997 code, the world has moved on since then, try CSS.


Headless
 
C

C A Upsdell

Joe Patrick said:
Not all browsers support that, besides - its easier for most people!
Click to expand...

Easier? Let me see: if I want to change the BODY attribute, I have to
update all HTML files; if I want to change CSS, I have to update one CSS
file. Doesn't CSS seem simpler?
 
T

Trevor

Joe Patrick said:
<BODY background="imagename.whatever">
Just replace the <Body> tag with that and put an image at the end
Click to expand...

The problem is actually not knowing the screen attributes (eg size) of
the client. The fading effect can easily be distorted. Is there any
neat way of doing it. I coded 800 pixels on a fading strip - right to
left - and saw it on a 1200 px screen and it looked less than good.

Examples I have seen all use a template setup with a lot of
Javascript, I hoped something simple was around.
 
R

rf

Trevor said:
I am writing a toy site, and it needs a more fun and playful
background. Is an image the only way of effecting more than a plain
colour?

The toy site at

http://www.newbright.com

shows a more interesting background. (Newbright is a large
manufacturer of toys.)

New Bright uses images and javascript, but I think that has
inflexibility due to download times being longer, and also creating a
dependence to client based scripts.
Click to expand...

Hmmm. Gradiants. Resiseable ones?

Are you looking for something like
http://users.bigpond.net.au/rf/tricks/rainbows2.htm

Carefull though, I wrote that in 1997 :)

cheers
Richard.
 
T

Toby A Inkster

Trevor said:
The problem is actually not knowing the screen attributes (eg size) of
the client. The fading effect can easily be distorted. Is there any
neat way of doing it. I coded 800 pixels on a fading strip - right to
left - and saw it on a 1200 px screen and it looked less than good.
Click to expand...

With CSS 3 we will be able to specify that a background image should be
streched to cover its entire container, but alas CSS 3 is a distant dream
(Opera 7 has some preliminary CSS 3 support, but not for this part of CSS
3. Mozilla has a tiny amount of CSS 3 too, but again not for this.)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

R"richard" help out: background images in mobile 5
Help with my responsive home page 2
Working on mobile css menu with plenty of frustration! 2
Help with code 0
Can not position background image 2
two issues more to go 1)background img 2.) animated .gif ... 14
Background transparent when 'background' is used 4
CSS: 2 Images for background? 14

Members online

No members online now.
Total: 30 (members: 1, guests: 29)
Robots: 419

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top