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 "ON" setting to display a line marking the 0.0 position on the graph (default is "OFF").</li> <li> <strong>at y= </strong>: Select the "ON" setting to display a line on the graph at the specified numerical value (defaults are "0" and "OFF"). 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" -->