PDA

View Full Version : static pictures



spyder
05-25-2005, 05:10 AM
there are many examples of these, you know the ones that can stay in the bottom right etc. is there a cpecific type of graphic that can do this. if so, what is it, and what programs have the ability to make it

mwinter
05-25-2005, 12:35 PM
is there a cpecific type of graphic that can do this.This behaviour has nothing to do with graphic format. It's a matter of positioning the image using CSS.

You have two approaches: using a background image, or positioning an img element. Which one you choose will depend on what effect you're after.


body {
background: white url(...) no-repeat fixed 97% 97%;
}This would place an image near the bottom right corner of the browser viewport, and it would remain in the same position even if the viewport is scrolled. Other content in the document would always appear on top of the image.




#logo {
position: fixed;
bottom: -3%;
right: -3%;
}This assumes that you have an img element with the id attribute value, logo. It will position this image close to the bottom right corner of the viewport, and it too will remain in position. Most content in the document will appear below this image.

Unfortunately, IE doesn't support the fixed value for this particular solution (though most other user agents do), and will treat it like absolute instead. You'll have to use a script to keep it in place as the viewport scrolls, though I think the result always ends up looking tacky.

Mike

spyder
05-26-2005, 12:26 AM
thanks

jscheuer1
05-26-2005, 04:56 AM
Mike is so right about IE's lack of support for the fixed declaration for the position element. To be even clearer, it will work for page backgrounds but not for any other page elements. I would differ on the subject of 'tacky looking' for scripts that will do this. One in particular I just modded, uses a floating routine so that the image doesn't jerk around. It is different than fixed positioning but applied judiciously under the right circumstances can be very nice. The code is attached as jlogo.zip to this message:

http://www.dynamicdrive.com/forums/showthread.php?p=9803#post9803

mwinter
05-26-2005, 03:50 PM
I would differ on the subject of 'tacky looking' for scripts that will do this.I didn't mean to imply that every single implementation is tacky, but the majority do jump around and look unprofessional.

Mike