element

Page element design generates content that is designed to enhance a specific page. This broad category of creative elements can generally be thought of as anything that is not apart of the theme template. The vast majority are graphics, typical examples are; photo portraits in a biography pages, product photos or illustrations in an online catalog, or animated banners.

Page element tips

• Proper use of page elements can add to the decor of a site giving it a unique look and higher perceived value.

On a recent project, I ran into an issue where the main navigation needed to be centered and flexible enough to add and remove menu items through a CMS. For those of you not familiar with CSS, this creates an immediate problem: you can not center a block element without first knowing its width. The normal technique is to use auto left and right margins (margin: 0 auto), that are then calculated based off the element's width. But what happens when you don't know the width of the element?