Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Voices That Matter

Dreamweaver MX 2004 Design-O-Mite

Sooner or later you're going to need layers for a project and you're going to want to know all the coolest tips for using them in Dreamweaver. Well, here they are. The authors also show you how to use frames, just for fun.
This chapter is from the book

Dreamweaver users know "layers" as <div> tags that use an absolute position defined within inline styles. Whether you call them layers or by any other name, it doesn't matter to me. (Hey, whatever makes you happy. I mean, you can call them shnicklegroobers for all I care, really.) But sooner or later you're going to need layers for a project and you're going to want to know all the coolest tips for using them in Dreamweaver. You may even get so inspired that you'll try to design your very first site without tables—unless you need to display tabular data, of course.

Frames have caused many developers I know to lose a few hairs and gain a few gray ones. Don't let this happen to you. Learn from our experiences and see how easy developing a frame-based site can be. Even if you don't like frames, you'll at the very least find some great entertainment value in these tips.

Now that you know what is in this chapter, why are you still reading this introduction? Go on, turn the page and indulge yourself in the wealth of knowledge that awaits you. <sigh> You're still reading this...</sigh> Fine, I'll just end this introduction right now so that you can stop wasting time and get on with the chapter.

CHANGING LAYER STACKING ORDER

A layer's stacking order is controlled by the z-index. The higher the z-index, the closer to the front the layer appears in the browser. When you are working with multiple layers and need to change the z-index property, you will find that using the Property inspector can be a bit monotonous and tedious. The Layers panel (choose Window > Layers, or press F2) makes changing the z-index much easier. Click and drag the layer name within the Layers panel to where you want the layer to appear, and, automatically, each layer's z-index property will be adjusted to the new order. If you want to change a single layer's z-index without affecting the other layers, click the number in the Z column and type the new z-index value. When you're done, either press Enter (Return) or click elsewhere in the workspace.

Figure 5.1Figure 5.1

  • + Share This
  • 🔖 Save To Your Account