xoops forums

defwind77

Not too shy to talk
Posted on: 2006/1/17 17:34
defwind77
defwind77 (Show more)
Not too shy to talk
Posts: 180
Since: 2005/11/11
#1

overlapping images in html?

ok can anyone tell me how I can make images 'overlap' in html for my theme?

visit 3dtotal.com and look at the banners at the top - you'll see the top left corner of each banner has a graphic overlapping - how can I do this in my theme?

Is this possible?
Posted on: 2006/1/17 17:46
bluenova
bluenova (Show more)
Posts: 1022
Since: 2004/4/10
#2

Re: overlapping images in html?

It done using Flash

defwind77

Not too shy to talk
Posted on: 2006/1/17 17:57
defwind77
defwind77 (Show more)
Not too shy to talk
Posts: 180
Since: 2005/11/11
#3

Re: overlapping images in html?

hmm well I've looked at the bit overlapping and it says it's a .gif file, not a .swf? It's stored at http://www.3dtotal.com/home2/gifs_new/top/a3.gif

stuie200

Friend of XOOPS
Posted on: 2006/1/17 18:06
stuie200
stuie200 (Show more)
Friend of XOOPS
Posts: 161
Since: 2004/1/4 2
#4

Re: overlapping images in html?

In this instance the images are not displayed using flash although that is one way of doing it.

The main image with the characters on it is a Table Background Image and the slice image you are referring to is actually a transparent gif in the table cell where you actually see it appear

In the true meaning of the word these images are not overlapping even though they are above and below each other.

The only other way apart from flash and the above example to create this effect is by using html layers but this can get messy and may not display correctly in all browsers.

Hopefully that makes sense
"I'm as confused as a baby in a topless bar."

defwind77

Not too shy to talk
Posted on: 2006/1/17 18:08
defwind77
defwind77 (Show more)
Not too shy to talk
Posts: 180
Since: 2005/11/11
#5

Re: overlapping images in html?

ah! gotcha! Thanks very much!

tjnemez

Home away from home
Posted on: 2006/1/17 22:09
tjnemez
tjnemez (Show more)
Home away from home
Posts: 1594
Since: 2003/9/21
#6

Re: overlapping images in html?

this can also be done with css using z index and positioning tags.
Not right now; I am busy screwing up my site!


Dream Catcher Dezines
Mind Health ...