Click here to get back home

Image that scrolls with the page?

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
Image that scrolls with the page? Nicholas 01-21-2005
Posted by Nicholas on January 21, 2005, 7:57 am
Please log in for more thread options
Hi

How do I make an image stay eg at the top left of the page even if the
viewer is scrolling down a long page?

Ugly effect I know but I have a particular use for it.

TIA

Nicholas




Posted by Steve Pugh on January 21, 2005, 10:51 am
Please log in for more thread options

>How do I make an image stay eg at the top left of the page even if the
>viewer is scrolling down a long page?

Background or foreground image?

If it's a background then background-attachment: fixed;
If it's a foreground image the position: fixed; (not supported by IE,
unless some JavaScript hackery is used).

        Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor



Posted by Philip Herlihy on January 21, 2005, 11:16 am
Please log in for more thread options
There are a couple of solutions:
1) Put your scrollable content in a DIV positioned using CSS and use the
"overflow" property to make the box scrollable independently (potential
problems with the Opera browser though).
2) Use CSS to set the image as a background-image with
background-attachment: fixed (probably the best solution.

--
####################
## PH, London
####################
> Hi
>
> How do I make an image stay eg at the top left of the page even if the
> viewer is scrolling down a long page?
>
> Ugly effect I know but I have a particular use for it.
>
> TIA
>
> Nicholas
>




Similar ThreadsPosted
how to load a different image on a web page February 5, 2007, 12:09 pm
Show image top left in html page, how can I do that ? June 11, 2006, 8:59 am
Splitting image at page break disappears when printing. September 30, 2004, 4:24 pm
Creating image maps with Adobe Illustrator or Image Ready. March 8, 2005, 12:42 pm
How to lauch an image editor when click on an image link ? November 8, 2004, 7:00 am
How can I replace a large image with other large images triggered from small image icons, mouse-overs or whatever??? July 26, 2004, 1:34 am
Text and Image inside table Alight Text Left and Image right in same cell ?? October 24, 2006, 12:55 am
Need help creating a "Click absolutely ANYWHERE on this page" link for an HTML page with no content February 7, 2007, 5:40 pm
Activating parent page link from 'child page' - revised June 3, 2005, 11:30 am
referencing the index.html page from another page in the same directory July 26, 2004, 12:48 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap