Skip Navigation

University of Nebraska–Lincoln

Web Developer Network Wiki

Herein Lies the Accumulated Knowledge of Mankind

Sample Layouts

Contents

[edit] Main Image 

<div class="image_large">
    <a href="#" title="main image link"></a>
    <img src="images/maincontent.gif" alt="main content image"/>
</div>

[edit] Two Column Layouts 

<div class="two_col left"></div>
<div class="col right"></div>

Image:Two col layout 2.png 

<div class="col left"></div>
<div class="two_col right"></div>

Image:Two col layout.png

[edit] Three Column Layout 

<div class="col left"></div>
<div class="col middle"></div>
<div class="col right"></div>

Image:Three col layout.png

[edit] Footer

Large footer sample layout: 

<div class="footer_col">
	<h3>Footer header 1</h3>
		Footer content 1
</div>
<div class="footer_col">
	<h3>Footer header 2</h3>
		Footer content 2
</div>
<div class="footer_col">
		<h3>Footer header 3</h3>
		Footer content 3
</div>
<div class="footer_col">
	<h3>Footer header 4</h3>
	Footer content 4<br />
</div>

Retrieved from "http://www1.unl.edu/wdn/wiki/Sample_Layouts"