What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » over lapping a picture on a website

over lapping a picture on a website
Author: Message:
TheMusicPirate
Full Member
***

Avatar

Posts: 412
Reputation: 8
39 / Male / –
Joined: Feb 2005
O.P. over lapping a picture on a website
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?

This post was edited on 04-24-2008 at 12:05 AM by TheMusicPirate.
[Image: ipod.gif]

04-24-2008 12:01 AM
Profile PM Find Quote Report
xJ +
Full Member
***

Avatar
A$$ple/Buttple xD

Posts: 460
Reputation: 15
117 / Other / Flag
Joined: Jan 2006
Status: Away
RE: over lapping a picture on a website
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.

This post was edited on 04-24-2008 at 01:10 AM by xJ +.
04-24-2008 01:07 AM
Profile PM Web Find Quote Report
TheMusicPirate
Full Member
***

Avatar

Posts: 412
Reputation: 8
39 / Male / –
Joined: Feb 2005
O.P. RE: RE: over lapping a picture on a website
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
[Image: ipod.gif]

04-24-2008 01:13 AM
Profile PM Find Quote Report
Svip
Board's Foremost Baby-Eater
***

Avatar
I eat babies.

Posts: 101
Reputation: 29
37 / Other / Flag
Joined: Jul 2005
RE: over lapping a picture on a website
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?
[Image: weredoomed4ds.png]
04-24-2008 01:25 AM
Profile E-Mail PM Web Find Quote Report
TheMusicPirate
Full Member
***

Avatar

Posts: 412
Reputation: 8
39 / Male / –
Joined: Feb 2005
O.P. RE: RE: over lapping a picture on a website
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?
[Image: ipod.gif]

04-24-2008 01:48 AM
Profile PM Find Quote Report
xJ +
Full Member
***

Avatar
A$$ple/Buttple xD

Posts: 460
Reputation: 15
117 / Other / Flag
Joined: Jan 2006
Status: Away
RE: over lapping a picture on a website
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.
04-24-2008 02:11 AM
Profile PM Web Find Quote Report
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On