List Tag Issue 22 Feb 2007

From RedHatNetwork

There seems to be some rendering issues with the list tag that's making it create invalid html in a number of places, and it's starting to affect some of the CSS's ability to be able to apply to particular tables.

Contents

[hide]

Example Screenshot of Symptoms

Image:funky-rhn_list-tag-issue.png

Inactive Systems widget on Your RHN (half-width)

Here is a run-down of some of the tables that exhibit the issue:

Problem HTML

 <div class="half-table half-table-right">
  <form method="post" name="rhn_list" action="/YourRhn.do">
    <table cellspacing="0"  cellpadding="0" class="half-table">
    <thead>
      <tr>
    <thead>
        <th>Inactive Systems</th>
        <th> </th>
      </tr>
    </thead>
 <tbody>
 <tr class="list-row-odd">

Correction to HTML

 <div class="half-table half-table-right">
  <form method="post" name="rhn_list" action="/YourRhn.do">
    <table cellspacing="0"  cellpadding="0" class="half-table">
    <thead>
      <tr>
        <th>Inactive Systems</th>
        <th> </th>
      </tr>
    </thead>
 <tbody>
 <tr class="list-row-odd">

Most Critical Systems Widget on Your RHN (full width, double-header)

Problem HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list list doubleheader" id="most-critical-systems">
   <thead>
     <tr>
       <th>Most Critical Systems</th>
     </tr>
     <tr>
   <thead>
       <th class="row-2" style="text-align: left;">System Name</th>
       <th class="row-2" style="text-align: center;">All Updates</th>
       <th class="row-2" style="text-align: center;">Security Errata</th>
       <th class="row-2" style="text-align: center;">Bugfix Errata</th>
       <th class="row-2" style="text-align: center;">Enhancement Errata</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

Correction to HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list list doubleheader" id="most-critical-systems">
   <thead>
     <tr>
       <th colaspn="5">Most Critical Systems</th>
     </tr>
   <thead>
       <th class="row-2" style="text-align: left;">System Name</th>
       <th class="row-2" style="text-align: center;">All Updates</th>
       <th class="row-2" style="text-align: center;">Security Errata</th>
       <th class="row-2" style="text-align: center;">Bugfix Errata</th>
       <th class="row-2" style="text-align: center;">Enhancement Errata</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

Relevant Security Errata Widget on Your RHN (full width, single-header)

Problem HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list">
   <thead>
     <tr>
   <thead>
       <th>Relevant Security Errata</th>
       <th>Severity</th>
       <th> </th>
       <th>Systems</th>
       <th>Updated</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

Correction to HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list">
   <thead>
     <tr>
       <th>Relevant Security Errata</th>
       <th>Severity</th>
       <th> </th>
       <th>Systems</th>
       <th>Updated</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

Recently-Registered Systems Widget on Your RHN (full width, double header)

Problem HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list list-doubleheader">
   <thead>
     <tr>
       <th><strong>Recently Registered Systems</strong></th>
     </tr>
     <tr>
   <thead>
       <th class="row-2" style="text-align: center;">Updates</th>
       <th class="row-2" style="text-align: left;">System</th>
       <th class="row-2" style="text-align: left;">Base Channel</th>
       <th class="row-2" style="text-align: left;">Date Registered</th>
       <th class="row-2" style="text-align: left;">Registered by</th>
       <th class="row-2" style="text-align: left;">Entitlement</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

Correction to HTML

 <table width="100%" cellspacing="0" cellpadding="0" class="list list-doubleheader">
   <thead>
     <tr>
       <th colspan="6"><strong>Recently Registered Systems</strong></th>
     </tr>
     <tr>
       <th class="row-2" style="text-align: center;">Updates</th>
       <th class="row-2" style="text-align: left;">System</th>
       <th class="row-2" style="text-align: left;">Base Channel</th>
       <th class="row-2" style="text-align: left;">Date Registered</th>
       <th class="row-2" style="text-align: left;">Registered by</th>
       <th class="row-2" style="text-align: left;">Entitlement</th>
     </tr>
   </thead>
   <tbody>
     <tr class="list-row-odd">

SystemOverview.do System Group List

Problem HTML

  <table width="100%" cellspacing="0" cellpadding="0" class="list">
    <thead>
      <tr>
    <thead>
        <th><input type="checkbox" name="checkall" id="rhn_javascriptenabled_checkall_checkbox" onclick="check_all_on_page(this.form, 'system_group_list')" title="Select or deselect all items on this page" alt="Select or deselect all items on this page" style="display: none"  /></th>
        <th>Updates</th>
        <th>Group Name</th>
        <th>Systems</th>
        <th>Use in SSM</th>
      </tr>
    </thead>
    <tbody>
      <tr class="list-row-odd">

Correction to HTML

  <table width="100%" cellspacing="0" cellpadding="0" class="list">
    <thead>
      <tr>
        <th><input type="checkbox" name="checkall" id="rhn_javascriptenabled_checkall_checkbox" onclick="check_all_on_page(this.form, 'system_group_list')" title="Select or deselect all items on this page" alt="Select or deselect all items on this page" style="display: none"  /></th>
        <th>Updates</th>
        <th>Group Name</th>
        <th>Systems</th>
        <th>Use in SSM</th>
      </tr>
    </thead>
    <tbody>
      <tr class="list-row-odd">