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;">If a classmate's name contains a link, you can
<div style="text-align: center;"><br />
    click on it to reach an obituary notice,
   <div style="text-align: left; width: 300px; float: left;">
    <br />where you may leave a remembrance.
      <div style="text-align: center; width: 200px;">
</div>
        <p><strong><em>1788</em></strong></p>
   <div style="text-align: center;"><br />
        <p>Thomas Cushing</p>
      <div>
        <p><strong><em>1793</em></strong></p>
        <div style="text-align: left; width: 300px; float: left;">
        <p>John Hancock III</p>
            <div style="text-align: center; width: 200px;">
      </div>
              <p><strong><em>1788</em></strong></p>
  </div>
              <p>Thomas Cushing</p>
  <div style="text-align: left; width: 300px; float: right;">
              <p><strong><em>1793</em></strong></p>
      <div style="text-align: center; width: 200px;">
              <p>John Hancock III</p>
        <p><strong><em>1790</em></strong></p>
            </div>
        <p>James Bowdoin</p>
        </div>
        <p>Benjamin Franklin</p>
      <div style="text-align: left; width: 300px; float: right;">
        <p><strong><em>1803</em></strong></p>
        <div style="text-align: center; width: 200px;">
        <p>Samuel Adams</p>
            <p><strong><em>1790</em></strong></p>
      </div>
            <p>James Bowdoin</p>
            <p>Benjamin Franklin</p>
            <p><strong><em>1803</em></strong></p>
            <p>Samuel Adams</p>
        </div>
    </div>
   </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.

Return to main Master Template page