Shoutbox

over lapping a picture on a website - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: over lapping a picture on a website (/showthread.php?tid=83359)
over lapping a picture on a website by TheMusicPirate on 04-24-2008 at 12:01 AM

hi,

i would like to know if its possible in HTML

to have a picture over lap the whole website?

like a picture just saying UNDER CONSTRUCTION.

kinda like a watermark

thanks

also where can i find a site that shows me the html code to allow me to position a picture anywhere i want it?

RE: over lapping a picture on a website by xJ + on 04-24-2008 at 01:07 AM

use CSS.

Example (in-line CSS):
<div style="position:absolute; top:0px; left:0px; width:100%; z-index:10;">
something goes in here</div>

To overlap multiples layer, simply change the z-index, while to move your contents in your div, simply change the pixel value for top(bottom) and left(right).

Edit: you can add width and/or height or other attributes for the inline CSS.

RE: RE: over lapping a picture on a website by TheMusicPirate on 04-24-2008 at 01:13 AM

quote:
Originally posted by xJ +
use CSS.

Example (in-line CSS):
<div style="position:absolute; top:0px; left:0px; width:100%; z-index:10;">
something goes in here</div>

To overlap multiples layer, simply change the z-index, while to move your contents in your div, simply change the pixel value for top(bottom) and left(right).

Edit: you can add width and/or height or other attributes for the inline CSS.

ok, great!

how do i add that into my site?

thanks
RE: over lapping a picture on a website by Svip on 04-24-2008 at 01:25 AM

quote:
Originally posted by TheMusicPirate
quote:
Originally posted by xJ +
use CSS.

Example (in-line CSS):
<div style="position:absolute; top:0px; left:0px; width:100%; z-index:10;">
something goes in here</div>

To overlap multiples layer, simply change the z-index, while to move your contents in your div, simply change the pixel value for top(bottom) and left(right).

Edit: you can add width and/or height or other attributes for the inline CSS.

ok, great!

how do i add that into my site?

thanks
I would take a wild guess and say... copy paste?
RE: RE: over lapping a picture on a website by TheMusicPirate on 04-24-2008 at 01:48 AM

quote:
Originally posted by Svip
quote:
Originally posted by TheMusicPirate
quote:
Originally posted by xJ +
use CSS.

Example (in-line CSS):
<div style="position:absolute; top:0px; left:0px; width:100%; z-index:10;">
something goes in here</div>

To overlap multiples layer, simply change the z-index, while to move your contents in your div, simply change the pixel value for top(bottom) and left(right).

Edit: you can add width and/or height or other attributes for the inline CSS.

ok, great!

how do i add that into my site?

thanks
I would take a wild guess and say... copy paste?

lol hahaha!! :P

another dumb question.

is there a way to fade the background? like everything behind the watermark?
RE: over lapping a picture on a website by xJ + on 04-24-2008 at 02:11 AM

use photoshop or other image program that can fade images. Save that particular image thereafter.

Not recommended to use Javascript cause some browsers might not support it.