images

Public Schedule Face-to-Face & Online Instructor-Led Training - View dates & book

Forum home » Delegate support and help forum » Dreamweaver Training and help » Images

Images

resolvedResolved · High Priority · Version CS3

Jo has attended:
Dreamweaver 8 Introduction course

Images

In Dreamweaver MX is it possible to overlay an image (small) on part of another image? If so, how?
Thanks.

RE: Images

Hi Jo,

Thanks for your question.

You can overlay anything over anything using Layers, also known as DIV tags, because they're the HTML tags that make layers.

However, to overlay properly, you'll need to use Absolute Positioning layers, ie. specifying the exact X and Y coordinates of the layer. This may cause problems if your design is flexible. ie. the layers may cause trouble if a visitor resizes their browser window. It can get tricky.

The images are inserted into the Layer, and each Layer has a Z-value as well, to indicate the depth. (a Layer of 1 will be behind a Layer of 5). So put your small image in a layer that has a larger Z-value.

To insert layers, use Dreamweaver MX's 'Insert' menu.

If this is a one-off, it may be easier and safer to to create a new image in a program like Photoshop, and insert the smaller image on top of the larger one, then save/export the new image to use on your web site.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

Thu 9 Apr 2009: Automatically marked as resolved.

 

Training courses

 

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.


 

Dreamweaver tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver hints and tips


Server loaded in 0.08 secs.