In Memoriam page: Difference between revisions
From HAA Best Practices Wiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
<PRE> | <PRE> | ||
<div style="text-align: center;"> | <div style="text-align: center;"><br /> | ||
<div style="text-align: left; width: 300px; float: left;"> | |||
<div style="text-align: center; width: 200px;"> | |||
<p><strong><em>1788</em></strong></p> | |||
<p>Thomas Cushing</p> | |||
<p><strong><em>1793</em></strong></p> | |||
<p>John Hancock III</p> | |||
</div> | |||
</div> | |||
<div style="text-align: left; width: 300px; float: right;"> | |||
<div style="text-align: center; width: 200px;"> | |||
<p><strong><em>1790</em></strong></p> | |||
<p>James Bowdoin</p> | |||
<p>Benjamin Franklin</p> | |||
<p><strong><em>1803</em></strong></p> | |||
<p>Samuel Adams</p> | |||
</div> | |||
</div> | </div> | ||
/div> | |||
</PRE> | </PRE> | ||
The idea is to have two boxes of type, one on the left and one on the right. These are created by the div's with the 'float: left;' and 'float: right;' styles. | |||
[[Master Template for Class Web Sites|Return to main Master Template page]] | [[Master Template for Class Web Sites|Return to main Master Template page]] |
Latest revision as of 15:55, 1 February 2010
A nice format for this page is to arrange the names by the year the classmate died. You can get an Excel spreadsheet that includes this information from your HAA Representative. Here is suggested html code for a nice display:
<div style="text-align: center;"><br /> <div style="text-align: left; width: 300px; float: left;"> <div style="text-align: center; width: 200px;"> <p><strong><em>1788</em></strong></p> <p>Thomas Cushing</p> <p><strong><em>1793</em></strong></p> <p>John Hancock III</p> </div> </div> <div style="text-align: left; width: 300px; float: right;"> <div style="text-align: center; width: 200px;"> <p><strong><em>1790</em></strong></p> <p>James Bowdoin</p> <p>Benjamin Franklin</p> <p><strong><em>1803</em></strong></p> <p>Samuel Adams</p> </div> </div> /div>
The idea is to have two boxes of type, one on the left and one on the right. These are created by the div's with the 'float: left;' and 'float: right;' styles.