Button Functionality

I used the button tag instead of the button type input element because it is handled a bit more consistently across the different browsers. (If you're looking for a truely consistant button look, you'll probably have better luck by replacing the button with an image that looks like a button.)

Buttons, in Perfect Layout, are designed to work hand-in-hand with the "moveOver" class. See this example:

This is because I've designed Perfect Layout buttons to be lined up with the input areas. For example:


Relevant HTML

<div class="moveOver">
	<button type="submit">Button</button>
</div>

Relevant CSS

button
{
	margin-bottom:1em;
	padding:0.3em 0.8em;
}

« Back to Functionality Index