8185d6095db9c89a6ca7c9003545f6b476998d57
ccpowell
  Fri May 3 13:50:55 2019 -0700
Changing <ul> to <dl> for the image sections of hgWiggle, refs #23396

diff --git src/hg/htdocs/goldenPath/help/hgWiggleTrackHelp.html src/hg/htdocs/goldenPath/help/hgWiggleTrackHelp.html
index 282c654..65c01c0 100755
--- src/hg/htdocs/goldenPath/help/hgWiggleTrackHelp.html
+++ src/hg/htdocs/goldenPath/help/hgWiggleTrackHelp.html
@@ -73,84 +73,82 @@
 smoothing window of 16 pixels.<br>
 <img src="../../images/wig_negate-1.png" width="800px" >
 </p> 
 <p> 
 <strong>Draw indicator lines (boxed in orange)</strong>:</p> 
 <ul> 
   <li> 
   <strong>at y=0.0</strong>: Select the &quot;ON&quot; setting to display a line marking the 0.0 
   position on the graph (default is &quot;OFF&quot;).</li> 
   <li> 
   <strong>at y= </strong>: Select the  &quot;ON&quot; setting to display a line on the graph at 
   the specified numerical value (defaults are &quot;0&quot; and &quot;OFF&quot;). This line can be
   used to mark a significant threshold on the graph. For example, in the image below, 
   <strong>y=3</strong>.<br>
    <img src="../../images/wiggle_y-1.png" width="800px" >
-
    </li> 
 </ul> 
 <p> 
 When you have finished making your configuration changes, click the <em>Apply</em> button to preview
 your changes, or click the <em>Submit</em> button to return
 to the annotation track display page.</p> 
 
 <a name="TRACK_CONT"></a>
 <h3>Annotation track display modes</h3>
 <p>
 Each annotation track within the window may have up to five display modes:
 <p>
-<ul class="gbsNoBullet">
-  <li>
-  <strong>Dense:</strong> the track is displayed with all features collapsed into a single line.
+<dl class="gbsNoBullet">
+  <dt>Dense</dt> 
+  <dd>the track is displayed with all features collapsed into a single line.
   The darker the line color the greater the wiggle value at that location.<br>
-  <img src="../../images/wiggle_dense-1.png" width="800px">
-  </li>
-  <li>
-  <strong>Squish:</strong> the track is displayed with all the features collapsed into a single
+  <img src="../../images/wiggle_dense-1.png" alt="Wiggle in dense display" width="800"> 
+  </dd>
+  <dt>Squish</dt> 
+  <dd>the track is displayed with all the features collapsed into a single
   line, much like the dense display mode with greater compression.<br>
   <img src="../../images/wiggle_squish-1.png" width="800px">
-  </li>
-  <li>
-  <strong>Pack:</strong> the track displays the wiggle value associated with each annotation 
-  feature creating a histogram-like image, much like the dense display mode with greater compression.<br>
+  </dd>
+  <dt>Pack:/dt> 
+  <dd>the track displays the wiggle value associated with each annotation feature creating a 
+  histogram-like image, much like the dense display mode with greater compression.<br>
   <img src="../../images/wiggle_pack-1.png" width="800px" >
-  </li>
-  <li>
-  <strong>Full:</strong> the track displays the wiggle value associated with each annotation 
-  feature creating a histogram-like image. <br>
+  </dd>
+  <dt>Full</dt> 
+  <dd>the track displays the wiggle value associated with each annotation feature creating a 
+  histogram-like image. <br>
   <img src="../../images/wiggle_full-1.png" width="800px">
-  </li>
-
-  <li>
-  <strong>Hide:</strong> the track is not displayed at all. To hide all the annotation tracks, click
-  the <em>hide all</em> button.</li>
-
-
-</ul>
+  </dd>
+  <dt>Hide</dt> 
+  <dd>the track is not displayed at all. To hide all the annotation tracks, click
+  the <em>hide all</em> button.</dd>
+</dl>
 
 <h3>Overlay method</h3> 
 <p>
 Note that not all graph-based tracks include the Overlay options.</p>
 
-<ul class="gbsNoBullet">
-  <li>
-  <strong>Transparent</strong>: This setting displays the colored 
+<dl class="gbsNoBullet">
+  <dt>Transparent</dt>
+  <dd>This setting displays the colored 
   transparent graphs of multiple subtracks overlayed in the same vertical space.<br>
   <img src="../../images/trans_encode-1.png" width="800px" height="100px">
-  </li>
-  <li>
-  <strong>Solid</strong>: This setting displays the colored opaque graphs of multiple subtracks 
+  </dd>
+  <dt>Solid</dt> 
+  <dd>This setting displays the colored opaque graphs of multiple subtracks 
   overlayed in the same vertical space.<br>
   <img src="../../images/encode_solid-1.png" width="800px" height="100px">  
-  </li>
-  <li>
-  <strong>Stacked</strong>: This setting displays each graph stacked on top of each other where the
+  </dd>
+  <dt>Stacked</dt>
+  <dd>This setting displays each graph stacked on top of each other where the
   high point of the graph is the sum of all the values.<br>
   <img src="../../images/encode_stack-1.png" width="800px" height="100px">
-  </li>
-  <strong>None</strong>: This setting displays each graph in its own vertical space. <br>
-  <img src="../../images/encode_none-1.png" width="800px" height="130px"><br>
-</ul> 
+  </dd>
+  <dt>None</dt> 
+  <dd>This setting displays each graph in its own vertical space. <br>
+  <img src="../../images/encode_none-1.png" width="800px" height="130px">
+  </dd>
+</dl> 
 
 
 
 <!--#include virtual="$ROOT/inc/gbPageEnd.html" -->