Web Design Advice Needed
Moderator: Wiz Feinberg
-
Jim Cohen
- Posts: 21844
- Joined: 18 Nov 1999 1:01 am
- Location: Philadelphia, PA
Web Design Advice Needed
Can anyone show me the HTML needed to put a background image on a webpage. By this I mean an image that stays put while the scroll bar moves the text in front of it. A good example is Scotty's home page at http://www.scottysmusic.com
-
Joey Ace
- Posts: 9791
- Joined: 11 Feb 2001 1:01 am
- Location: Hamilton, Ontario, Canada
Jim,
That feature only works for IE, other browsers scroll like it's not there.
The tag is
bgproperties="fixed"
in the body section.
It's difficult to see in Scotty's source code because his page appears to be made with an editor.
Look at the source code at www.JoeyAce.com
Since I code using a simple text editor it's easier to see.
I don't use that tag in my Photo Album sction, because it looks weird there. It's interesting to compare the two.<font size="1" color="#8e236b"><p align="center">[This message was edited by Joey Ace on 28 September 2005 at 12:43 PM.]</p></FONT>
That feature only works for IE, other browsers scroll like it's not there.
The tag is
bgproperties="fixed"
in the body section.
It's difficult to see in Scotty's source code because his page appears to be made with an editor.
Look at the source code at www.JoeyAce.com
Since I code using a simple text editor it's easier to see.
I don't use that tag in my Photo Album sction, because it looks weird there. It's interesting to compare the two.<font size="1" color="#8e236b"><p align="center">[This message was edited by Joey Ace on 28 September 2005 at 12:43 PM.]</p></FONT>
-
Will Holtz
- Posts: 335
- Joined: 5 Mar 2004 1:01 am
- Location: San Francisco, California, USA
To be compatible across the most browsers, you should use CSS to acomplish this.
<BLOCKQUOTE><font size="1" face="Verdana, Arial, Helvetica">code:</font><HR><pre>
<HTML>
<HEAD>
<STYLE TYPE="text/css">
body {
background: white url(filename.jpg) fixed ;
color: black ;
}
</STYLE>
</HEAD>
<BODY>
</pre><HR></BLOCKQUOTE>
<BLOCKQUOTE><font size="1" face="Verdana, Arial, Helvetica">code:</font><HR><pre>
<HTML>
<HEAD>
<STYLE TYPE="text/css">
body {
background: white url(filename.jpg) fixed ;
color: black ;
}
</STYLE>
</HEAD>
<BODY>
</pre><HR></BLOCKQUOTE>
-
Jim Cohen
- Posts: 21844
- Joined: 18 Nov 1999 1:01 am
- Location: Philadelphia, PA
-
Will Holtz
- Posts: 335
- Joined: 5 Mar 2004 1:01 am
- Location: San Francisco, California, USA
-
Joey Ace
- Posts: 9791
- Joined: 11 Feb 2001 1:01 am
- Location: Hamilton, Ontario, Canada
-
b0b
- Posts: 29079
- Joined: 4 Aug 1998 11:00 pm
- Location: Cloverdale, CA, USA
Here's a real nice demo of the technique: click this
-
b0b
- Posts: 29079
- Joined: 4 Aug 1998 11:00 pm
- Location: Cloverdale, CA, USA
-
Wiz Feinberg
- Posts: 6113
- Joined: 8 Jan 1999 1:01 am
- Location: Mid-Michigan, USA
-
Jim Cohen
- Posts: 21844
- Joined: 18 Nov 1999 1:01 am
- Location: Philadelphia, PA