Overlapping the image or text over another text……….

We came across this script which is a small code but very effective in dynamically placing images or text over anything without using advanced JavaScript.

It’s really worth utilizing in web site…………

Just follow these 2 simple steps……

1>Step 1
Place the code below in your head tag…….
<quote>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 150px;
top: 95px;
}
-->
</style>
</quote>
2>Step 2
And place this code in the body tag. That’s all!
<quote>
<div id="Layer1"></div>
</quote>

 

Hello,

Just be careful,

Your using code that relies on the browser to transfer it from code to the desired output. This means your visitors will all use different browsers and if you don't do this right and use code that works on all browsers then your going to have a webpage with errors.

Hope this helps

Joe

 

You don't have to use javascript for that.

Its called "layers" in XHTML.

Dreamweaver has a very good layer editor. An example of a code is such..

CIW - Dreamweaver - XHMTL expert.
Jared Morris

 

Hello,

Are these layers able to be viewed identically the way it was designed on all browsers (current and older)

Just wondering

Joe

 

XHTML isnt supported by alot of older browsers unfortunately, but it's great for newer browsers!