Kupu Improvements

Working with Tables

Improved Table Cell Handling

• Ability to set cell (td) alignment (align, valign) after the table is created
• Ability to set table properties (column width, border, align, etc)

Table Accessibility tweaks:

• Ability to set summary on a table, define a caption,  set colspan,  set ID on a cell, and apply  abbr  title value to  text within a cell as in the following example:
  

    <table width="100%" border="1" summary="This bus schedule lists selected 
              intersections along the route, followed by the times when the bus stops at each intersection.  
              To plan your trip, locate the intersection closest to where you want to get on the bus.  
              Read down the column till you find the time closest to when you'd like to start your trip.  
              Read across that row to find out when you'll reach the stop closest to your destination.">
          <caption>
          <strong> Schedule for Bus from Downtown </strong>
          </caption>
          <thead>
            <tr>

              <th colspan="9" id="dir">Northbound</th>
            </tr>
            <tr>
              <th id="intersection1">6th &amp; <abbr title="Congress Avenue">Con</abbr></th>
              <th id="intersection2">11th &amp; <abbr title="Congress Avenue">Con</abbr></th>

              <th id="intersection3">12th &amp; <abbr title="Lavaca Street">Lav</abbr></th>
              <th id="intersection4">15th &amp; <abbr title="Lavaca Street">Lav</abbr></th>
              <th id="intersection5">MLK &amp; <abbr title="Lavaca Street">Lav</abbr></th>
              <th id="intersection6">24th &amp; <abbr title="Guadalupe Street">Gua</abbr></th>

              <th id="intersection7">28th &amp; <abbr title="Guadalupe Street">Gua</abbr></th>
              <th id="intersection8">32nd &amp; <abbr title="Guadalupe Street">Gua</abbr></th>
              <th id="intersection9">32nd &amp; <abbr title="Rio Grande">Rio</abbr></th>
            </tr>

          </thead>
          <tbody>
            <tr>
              <td headers="dir intersection1">10:33am</td>
              <td headers="dir intersection2">10:36am</td>
              <td headers="dir intersection3">10:42am</td>
              <td headers="dir intersection4">10:45am</td>

              <td headers="dir intersection5">10:50am</td>
              <td headers="dir intersection6">10:55am</td>
              <td headers="dir intersection7">11:03am</td>
              <td headers="dir intersection8">11:11am</td>
              <td headers="dir intersection9">11:17am</td>
            </tr>
          <tbody>
      </table>

Working with images

Image Handling

• default placement option should be "Inline" instead of left-align
• Ability to edit image attribute data after an image is placed
• alt, Alignment, border, (already allows resize),
  
  

Other tags

• Ability to add horizontal rule using Kupu

• <hr />