Footer Styles Functionality

Perfect Layout only has a few default styles for the #footer div. All it contains are some styles for a differently padded paragraphs, so that the can be vertically centered and some hyperlink styles, making these links look different than any others on the page.

---

Relevant HTML

<div id="footer">
	<div class="footerPadding">
		<p><a href="#top">Top</a></p>
		<div class="clearBoth"></div>
	</div>
</div>

Relevant CSS

#footer
{
	background:#73b7fd;
}

#footer p
{
	padding:0.5em 0 0.5em 0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

#footer a
{
	color:#333333;
}

#footer a:hover
{
	color:#fff;
}

---

« Back to Functionality Index