images
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

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

Images

The UK's most regular instructor-led training courses.
Training information: excel in dreamweaver · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · High Priority · Version CS3

No ranking yet
8 posts
replyReplyThu 26 Mar 2009, 13:02Delegate Jo said...

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.

Platinum
798 posts
replyReplyMon 30 Mar 2009, 12:03Trainer Rich said...

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.


Related articles

· Making Your Website Accessible To All
· Why Is Dreamweaver So Popular?
· Why Use CSS In Dreamweaver?
· Tips For Designing User-Friendly, Search Engine Friendly Websites
· CSS Tips for Dreamweaver

Please browse our web site to find out more about
excel in dreamweaver and other Microsoft training courses.

Dreamweaver (adobe) tip:

Xhtml vs html

When using dreamwear template or just creating a blank webpage, you are able to select the markup language you want to use. The main choices are either xhtml or html. It is now best to select xhtml as this will translate all the html into xml, so it is transmitted across the web in xml format. One of the main advantages of this is that it makes the site that you build much more compatible with the range of different web browsers that exist.

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (108 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard