How to overlap two images

[John C]

Hi all,

How can I overlap two or more images, and how to overlap text over an image?

TIA,
John

 

[Stefan B Rusynko]

Only w/ Layers and Absolute positioning

--




| Hi all,
|
| How can I overlap two or more images, and how to overlap text over an image?
|
| TIA,
| John
|
|

 

[MD Websunlimited]

Hi John,

Use layers (div) with abs positioning

 

[Kevin Spencer]

One other alternative is to use an image editor to combine the images, or an
image with text, into a single image.

--
HTH,
Kevin Spencer
..Net Developer
Microsoft MVP
Big things are made up
of lots of little things.

 

[Mark Fitzpatrick]

What Kevin says may be the best way (to do this in an image editor) because
absolute positioning can be an absolute nightmare. Although it may look nice
on your computer, often when you go look at the pages on someone else's with
a different browser it looks horrible.

Hope this helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage

 

[Jon Spivey]

That's kind of a myth - in FP2003 at least. Hit Insert - Layer stick your
bottom image in the layer hit Format - Layers -Positioning set left and top
position to suit set width of the layer to the width of the image and delete
the height set z-orderto 99. Then repeat for your top image making sure your
cursor is outside the first layer when you hit Insert - Layer and set the
z-order to 100.

This way your page will appear identical in every 4 + browser (including
NN4) - browser support for simple positioning like this is almost as
universal as support for tables.

Jon
Microsoft MVP - FP

 

[Kevin Spencer]

Well, Jon, I think Mark does have a point, although you do as well. If you
consider that absolute positioning is a rather advanced topic (not easy for
a novice to accomplish in all recent browsers), Mark's point has merit.
Absolute positioning is certainly a viable solution (and I recommend using
CSS for all layout for those who can do it), but is not something that can
easily be accomplished by a novice.

--
HTH,
Kevin Spencer
..Net Developer
Microsoft MVP
Big things are made up
of lots of little things.

 

[Jon Spivey]

I'm not sold on CSS layouts even though I can do them.......but that issue
could run and run. Main point is FP2003 is much better at positioning than
prior versions, but it still ain't perfect.and would need to understand a
few dos and donts to use it properly. On the support side I think the weak
spot with positioning, especially simple stuff like this, is FP support
rather than browser support. For 1 example the 100px height that FP adds to
layers will almost always cause problems in browsers other than IE unless
it's deleted.

Jon
Microsoft MVP - FP

 

[Kevin Spencer]

Hi Jon,

I agree with your evaluation of the shortcomings of FrontPage with regards
to inline styles. I should mention that I don't recommend inline styles
(they are just about as useful as attributes in that they don't separate
layout from code), but only working with external style sheets, as long
(again) as the developer is competent with CSS and cross-browser issues.

--
HTH,
Kevin Spencer
..Net Developer
Microsoft MVP
Big things are made up
of lots of little things.