
The vertical navigation menu will hold links to the organization’s products and services. Now, let’s add another new component that will hold the horizontal navigation shown in the site design specs. It ignores the other page components and can even be positioned above or below other elements and content. When the rule definition dialog box vanishes, appears floating over the header, 10 pixels from the top and 30 pixels to the left of its original position.Īn AP div acts like a free agent.

If you use PNG files with such effects, always test them in your target browsers to make sure the desired effects are supported. Unfortunately, older browsers may not support alpha transparency and other PNG features. The PNG file type supports alpha transparency, making this 3D effect possible. You may have noticed that the butterfly displays a partially translucent drop shadow. Although the extra space shouldn’t cause any trouble, it’s a good idea to match the dimensions of the container to the image. You’ll notice that the AP div is slightly wider than the butterfly image.

All the values displayed in the Property inspector are actually stored in the #apdiv1 rule that was generated automatically by Dreamweaver. On the other hand, the AP div has a z-index of 1, which means it will appear above all the other elements on the page. By default, all elements have a z-index of zero (0). This setting determines whether the element displays above or below another object. Another property to be aware of is the z-index.

The Property inspector displays the specifications for.
