34a93745ddac680c98b63da5f035cb5d8f528a44
jnavarr5
  Tue Mar 26 16:29:38 2024 -0700
Redesigning the layout of the customTrack help page. Adding a table of contents, refs #19736

diff --git src/hg/htdocs/goldenPath/help/customTrackText.html src/hg/htdocs/goldenPath/help/customTrackText.html
index b11cc52..e2f25fc 100755
--- src/hg/htdocs/goldenPath/help/customTrackText.html
+++ src/hg/htdocs/goldenPath/help/customTrackText.html
@@ -1,234 +1,280 @@
 <!-- This file contains custom track documentation included in -->
 <!-- hgTracksHelp.html and customTrack.html.                   -->
+<a name="CustomTracks"></a>
+<h2>What are custom annotation tracks?</h2>
 <p>
 The Genome Browser provides dozens of aligned annotation tracks that have been computed at UCSC or 
 have been provided by outside collaborators. In addition to these standard tracks, it is also 
 possible for users to upload their own annotation data for temporary display in the browser. These 
 custom annotation tracks are viewable only on the machine from which they were uploaded and are 
 automatically discarded 48 hours after the last time they are accessed, unless they are saved in a 
 <a href="/goldenPath/help/hgSessionHelp.html#CTs">Session</a>. Optionally, users can make custom 
 annotations viewable by others as well. For a more stable option for custom annotations, we suggest
 using <a href="hgTrackHubHelp.html" target="_blank">track hubs</a>. A third, more technical, option
 is to operate a mirror. Custom tracks work well for quickly displaying data, while track hubs are 
 more configurable and permanent.</p>
 <p>
 Custom tracks are a wonderful tool for research scientists using the Genome Browser. Because space 
 is limited in the Genome Browser track window, many excellent genome-wide tracks cannot be included 
 in the standard set of tracks packaged with the browser. Other tracks of interest may be excluded 
 from distribution because the annotation track data is too specific to be of general interest or 
 can't be shared until journal publication. In the past, many individuals and labs contributed custom
-tracks to the Genome Browser website for use by others. To view a list of these custom annotation 
-tracks, click <a href="../customTracks/custTracks.html">here</a>.</p>
+tracks to the Genome Browser website for use by others. For historical purposes, a
+<a href="../customTracks/custTracks.html">list of these custom annotation tracks</a> is available.
+</p>
 <p>
 Track hubs are now the preferred approach for viewing and sharing data on the Browser. Labs, 
 consortia, and institutions submit their hubs to be listed as a <a href="hgTrackHubHelp.html#View" 
 target="_blank">Public Hub</a>. Track hubs require remotely hosted data. They use binary index 
 files which allow the browser to quickly access only what is relevant for the current region being 
 viewed in the browser. See the <a href="hgTrackHubHelp.html" target="_blank">track hub help 
 page</a> for more information.</p>
 <p>
 Genome Browser annotation tracks are based on files in line-oriented format. Each line in the file 
 defines a display characteristic for the track or defines a data item within the track. Annotation 
 files contain three types of lines: browser lines, track lines, and data lines. Empty lines and 
 those starting with &quot;#&quot; are ignored.</p> 
+
+<a name="CREATE"></a>
+<h3>Building and sharing a custom track</h3>
 <p>
 To construct an annotation file and display it in the Genome Browser, follow these steps:</p>
 
 <a name="format"></a>
 <p>
-<strong>Step 1. </strong> Format the data set: <br>
+<strong>Step 1. Format the data set:</strong><br>
 Format your data as a tab-separated file using one of the formats supported by the Genome 
 Browser. Annotation data can be in standard 
-<a href="../../FAQ/FAQformat.html#format3">GFF</a> format or in a format designed specifically for the Human Genome Project or UCSC Genome Browser, including 
-<a href="bedgraph.html">bedGraph</a>,
-<a href="../../FAQ/FAQformat.html#format4">GTF</a>,
-<a href="../../FAQ/FAQformat.html#format2">PSL</a>,
-<a href="../../FAQ/FAQformat.html#format1">BED</a>, 
-<a href="bigBed.html">bigBed</a>, 
-<a href="wiggle.html">WIG</a>, 
-<a href="bigGenePred.html">bigGenePred</a>, 
-<a href="bigNarrowPeak.html">bigNarrowPeak</a>, 
-<a href="bigMaf.html">bigMaf</a>, 
-<a href="bigChain.html">bigChain</a>, 
-<a href="bigPsl.html">bigPsl</a>, 
-<a href="barChart.html">barChart</a>,
-<a href="barChart.html">bigBarChart</a>,
-<a href="interact.html">interact</a>,
-<a href="interact.html">bigInteract</a>,
-<a href="bigWig.html">bigWig</a>, 
-<a href="bam.html">BAM</a>,
-<a href="cram.html">CRAM</a>,
-<a href="vcf.html">VCF</a>,
-<a href="maf.html">MAF</a>, 
-<a href="../../FAQ/FAQformat.html#format1.7">BED detail</a>,
-<a href="../../FAQ/FAQformat.html#format10">Personal Genome SNP</a>,
-<a href="../../FAQ/FAQformat.html#format13">broadPeak</a>,
-<a href="../../FAQ/FAQformat.html#format12">narrowPeak</a>,
-and <a href="../../FAQ/FAQformat.html#format6.5">microarray</a>
-(BED15). GFF and GTF files <em>must</em> be tab-delimited rather than space-delimited to display 
+<a href="../../FAQ/FAQformat.html#format3">GFF</a> format or in a format designed specifically for
+the Human Genome Project or UCSC Genome Browser, including:
+<div class="container">
+  <div class="row">
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="bedgraph.html">bedGraph</a>
+        <li><a href="../../FAQ/FAQformat.html#format4">GTF</a>
+        <li><a href="../../FAQ/FAQformat.html#format2">PSL</a>
+        <li><a href="../../FAQ/FAQformat.html#format1">BED</a>
+        <li><a href="bigBed.html">bigBed</a></li>
+      </ul>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="wiggle.html">WIG</a>
+        <li><a href="bigGenePred.html">bigGenePred</a>
+        <li><a href="bigNarrowPeak.html">bigNarrowPeak</a>
+        <li><a href="bigMaf.html">bigMaf</a>
+        <li><a href="bigChain.html">bigChain</a>
+      </ul>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="bigPsl.html">bigPsl</a>
+        <li><a href="barChart.html">barChart</a>
+        <li><a href="barChart.html">bigBarChart</a>
+        <li><a href="interact.html">interact</a>
+        <li><a href="interact.html">bigInteract</a>
+      </ul>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="bigWig.html">bigWig</a>
+        <li><a href="bam.html">BAM</a>
+        <li><a href="cram.html">CRAM</a>
+        <li><a href="vcf.html">VCF</a>
+        <li><a href="maf.html">MAF</a>
+      </ul>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="../../FAQ/FAQformat.html#format1.7">BED detail</a>
+        <li><a href="../../FAQ/FAQformat.html#format10">Personal Genome SNP</a>
+        <li><a href="../../FAQ/FAQformat.html#format13">broadPeak</a>
+      </ul>
+    </div>
+    <div class="col-xs-12 col-sm-6 col-md-2">
+      <ul>
+        <li><a href="../../FAQ/FAQformat.html#format12">narrowPeak</a>
+        <li><a href="../../FAQ/FAQformat.html#format6.5">microarray</a> (BED15)
+      </ul>
+    </div>
+  </div>
+</div>
+<p>
+GFF and GTF files <em>must</em> be tab-delimited rather than space-delimited to display 
 correctly. Chromosome references must be of the form <em>chrN</em> (the parsing of chromosome names 
 <em><strong>is</strong></em> case-sensitive). You may include more than one data set in your 
 annotation file; these need not be in the same format.</p> 
 <p>
-<strong>Step 2.</strong> Define the Genome Browser display characteristics:<br>
+<strong>Step 2. Define the Genome Browser display characteristics:</strong><br>
 Add one or more optional <a href="#lines">browser lines</a> to the beginning of your formatted data 
 file to configure the overall display of the Genome Browser when it initially shows your annotation 
 data. Browser lines allow you to configure such things as the genome position that the Genome 
 Browser will initially open to, the width of the display, and the configuration of the other 
 annotation tracks that are shown (or hidden) in the initial display. NOTE: If the browser position 
 is not explicitly set in the annotation file, the initial display will default to the position 
 setting most recently used by the user, which may not be an appropriate position for viewing the 
 annotation track.</p>
 <p>
-<strong>Step 3.</strong> Define the annotation track display characteristics: <br>
+<strong>Step 3. Define the annotation track display characteristics:</strong><br>
 Following the browser lines--and immediately preceding the formatted data--add a 
 <a href="#TRACK">track line</a> to define the display attributes for your annotation data set. Track
 lines enable you to define annotation track characteristics such as the name, description, colors, 
 initial display mode, use score, etc. The track <a href="#TRACK">type=<<em>track_type</em>></a> 
 attribute is required for some tracks. If you have included more than one data set in your 
 annotation file, insert a track line at the beginning of each new set of data.</p>
 
+<p>
+<strong>Step 4. Display your annotation track in the Genome Browser</strong><br>
+From the <a href="../../cgi-bin/hgGateway">Gateway page</a>, select the 
+genome assembly on which your annotation data is based, click 'GO', then click the &quot;add custom 
+tracks&quot; or &quot;manage custom tracks&quot; button below the tracks window.</p>
+<p>
+On the Add Custom Tracks page, load the annotation track data or URL for your custom track into the 
+upper text box and the track documentation (optional) into the lower text box, then click the 
+&quot;Submit&quot; button. Tracks may be loaded by entering text, a URL, or a pathname on your local computer. 
+The track <a href="#TRACK">type=<<em>track_type</em>></a> attribute is required for some tracks. 
+For more information on these methods, as well as information on creating and adding track 
+documentation, see <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a>.</p>
+<p>
+If you encounter difficulties displaying your annotation, read the section 
+<a href="#TROUBLE">Troubleshooting Annotation Display Problems</a>.</p> 
+
+<p><strong>Step 5. (Optional) Add details pages for individual track features</strong><br>
+After you've constructed your track and have successfully displayed it in the Genome Browser, you 
+may wish to customize the details pages for individual track features. The Genome Browser 
+automatically creates a default details page for each feature in the track containing the feature's 
+name, position information, and a link to the corresponding DNA sequence. To view the details page 
+for a feature in your custom annotation track (in full, pack, or squish display mode), click on the 
+item's label in the annotation track window.</p> 
+<p>
+You can add a link from a details page to an external web page containing additional information 
+about the feature by using the track line <em>url</em> attribute. In the annotation file, set the 
+<em>url</em> attribute in the track line to point to a publicly available page on a web server. The 
+<em>url</em> attribute substitutes each occurrence of '$$' in the URL string with the name defined 
+by the <em>name</em> attribute. You can take advantage of this feature to provide individualized 
+information for each feature in your track by creating HTML anchors that correspond to the feature 
+names in your web page.</p>
+<p>
+<strong>Step 6. (Optional) Share your annotation track with others</strong><br> 
+The previous steps showed you how to upload annotation data for your own use on your own machine. 
+However, many users would like to share their annotation data with members of their research group 
+on different machines or with colleagues at other sites. To learn how to make your Genome Browser 
+annotation track viewable by others, read the section <a href="#SHARE">Sharing Your Annotation Track
+with Others</a>.</p>
+
 <a name="EXAMPLE1"></a>
+<h3>Example #1: Simple annotation file</h3>
 <p>
-<strong><em>Example #1:</em></strong>
 Here is an example of a simple annotation file that contains a list of chromosome coordinates. 
 <pre><code>browser position chr22:20100000-20100900
 track name=coords description="Chromosome coordinates list" visibility=2
 #chrom chromStart chromEnd
 chr22   20100000 20100100
 chr22   20100011 20100200	
 chr22   20100215 20100400
 chr22   20100350 20100500
 chr22   20100700 20100800
 chr22   20100700 20100900</code></pre>
 <p>
 Click <a class="insideLink" href="../../cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/examples/ct_example1.txt" 
 target="_blank">here</a> to view this track in the Genome Browser.</p>
+
+<a name="EXAMPLE2"></a>
+<h3>Example #2: Two annotations track in one file</h3>
 <p>
-<strong><em>Example #2:</em></strong>
 Here is an example of an annotation file that defines 2 separate annotation tracks in BED format. 
 The first track displays blue one-base tick marks every 10000 bases on chr22. The second track 
 displays red 100-base features alternating with blank space in the same region of chr22. 
 <pre><code>browser position chr22:20100000-20140000
 track name=spacer description="Blue ticks every 10000 bases" color=0,0,255,
 #chrom chromStart chromEnd
 chr22   20100000 20100001
 chr22   20110000 20110001
 chr22   20120000 20120001
 track name=even description="Red ticks every 100 bases, skip 100" color=255,0,0
 #chrom chromStart chromEnd name
 chr22   20100000 20100100	first
 chr22   20100200 20100300	second
 chr22   20100400 20100500	third</code></pre>
 <p>
 Click <a class="insideLink" href="../../cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/examples/ct_example2.txt" 
 target="_blank">here</a> to view this track in the Genome Browser.</dd</p>
 
+<a name="EXAMPLE3a"></a>
+<h3>Example #3a: BED example with multiple blocks</h3>
 <p>
-<strong><em>Example #3a:</em></strong>
 This example shows an annotation file containing one data set in BED format. The track displays 
 features with multiple blocks, a thick end and thin end, and hatch marks indicating the direction of
 transcription. The track labels display in green (0,128,0), and the gray level of the each feature 
 reflects the score value of that line. 
 <pre><code>browser position chr22:1000-10000
 browser hide all
 track name="BED track" description="BED format custom track example" visibility=2 color=0,128,0 useScore=1
 #chrom chromStart chromEnd name score strand thickStart thickEnd itemRgb blockCount blockSizes blockStarts
 chr22 1000 5000 itemA 960 + 1100 4700 0 2 1567,1488, 0,2512
 chr22 2000 7000 itemB 200 - 2200 6950 0 4 433,100,550,1500 0,500,2000,3500 </code></pre>
 <p>
 Click 
 <a class="insideLink" href="../../cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/examples/ct_example3.txt" 
 target="_blank">here</a> to view this track in the Genome Browser.</p>
+
+<a name="EXAMPLE3b"></a>
+<h3>Example #3b: Simple annotation in bigBed format</h3>
 <p>
-<strong><em>Example #3b:</em></strong>
 This example shows a simple annotation file containing one data set in the bigBed format. This track
 displays random sized blocks across chr21 in the human genome. The big data formats, such as the 
 bigBed format, can be uploaded using a bigDataUrl that is specified in the track line. For more 
 information on these track line parameters, refer to the <a href="#TRACK">Track Lines</a>
 section. When using bigDataUrls, data is cached and updated every 300 seconds. If you are updating
 your big data tracks with different displays and are not seeing your track changes in the browser,
 you may want to add the <a href="hgTrackHubHelp.html#Debug">udcTimeout</a>= parameter to prevent 
 caching of your track data and force a reload.</p> 
 <p> 
 You may paste these two lines directly into the "Add Custom Tracks" page to view this example in the
 browser:</p> 
 <pre><code>browser position chr21:33,031,597-33,041,570
 track type=bigBed name="bigBed Example One" description="A bigBed file" bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb</code></pre>
 <p>
 Alternatively, you may also upload just the URL of the bigBed file:</p>
 <pre><code>http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb </code></pre>
 <p>
 This will infer the track type as &quot;bigBed&quot; based on the file extension and set the track 
 name to &quot;bigBedExample&quot;.</p>
+
+<a name="EXAMPLE4"></a>
+<h3>Example #4: URL substitution using the 'name' field</h3>
 <p>
-<strong>Step 4. Display your annotation track in the Genome Browser</strong><br>
-From the <a href="../../cgi-bin/hgGateway">Gateway page</a>, select the 
-genome assembly on which your annotation data is based, click 'GO', then click the &quot;add custom 
-tracks&quot; or &quot;manage custom tracks&quot; button below the tracks window.</p>
-<p>
-On the Add Custom Tracks page, load the annotation track data or URL for your custom track into the 
-upper text box and the track documentation (optional) into the lower text box, then click the 
-&quot;Submit&quot; button. Tracks may be loaded by entering text, a URL, or a pathname on your local computer. 
-The track <a href="#TRACK">type=<<em>track_type</em>></a> attribute is required for some tracks. 
-For more information on these methods, as well as information on creating and adding track 
-documentation, see <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a>.</p>
-<p>
-If you encounter difficulties displaying your annotation, read the section 
-<a href="#TROUBLE">Troubleshooting Annotation Display Problems</a>.</p> 
-<p><strong>Step 5. (Optional) Add details pages for individual track features</strong><br>
-After you've constructed your track and have successfully displayed it in the Genome Browser, you 
-may wish to customize the details pages for individual track features. The Genome Browser 
-automatically creates a default details page for each feature in the track containing the feature's 
-name, position information, and a link to the corresponding DNA sequence. To view the details page 
-for a feature in your custom annotation track (in full, pack, or squish display mode), click on the 
-item's label in the annotation track window.</p> 
-<p>
-You can add a link from a details page to an external web page containing additional information 
-about the feature by using the track line <em>url</em> attribute. In the annotation file, set the 
-<em>url</em> attribute in the track line to point to a publicly available page on a web server. The 
-<em>url</em> attribute substitutes each occurrence of '$$' in the URL string with the name defined 
-by the <em>name</em> attribute. You can take advantage of this feature to provide individualized 
-information for each feature in your track by creating HTML anchors that correspond to the feature 
-names in your web page.</p>
-<p><strong><em>Example #4:</em></strong>
 Here is an example of a file in which the <em>url</em> attribute has been set to point to the file 
 <a href="cloneshtml.txt" target="_blank">http://genome.ucsc.edu/goldenPath/help/clones.html</a>. The
-'#$$' appended to the end of the file name in the example points to the HTML NAME tag within the 
-file that matches the name of the feature (cloneA, cloneB, etc.).</p> 
+URL parameter, '#$$', appended to the end of the file name in the example points to the HTML NAME
+tag within the file that matches the name of the feature (cloneA, cloneB, etc.).</p> 
 <pre><code>browser position chr22:10000000-10020000
 browser hide all
 track name=clones description="Clones" visibility=2 color=0,128,0 useScore=1 url="http://genome.ucsc.edu/goldenPath/help/clones.html#$$"
 #chrom chromStart chromEnd name score
 chr22 10000000 10004000 cloneA 960 
 chr22 10002000 10006000 cloneB 200 
 chr22 10005000 10009000 cloneC 700 
 chr22 10006000 10010000 cloneD 600
 chr22 10011000 10015000 cloneE 300
 chr22 10012000 10017000 cloneF 100 </code></pre>
 <p>
 Click 
 <a class="insideLink" href="../../cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/examples/ct_example4.txt" 
 target="_blank">here</a> to display this track in the Genome Browser.</p> 
-<p>
-<strong>Step 6. (Optional) Share your annotation track with others</strong><br> 
-The previous steps showed you how to upload annotation data for your own use on your own machine. 
-However, many users would like to share their annotation data with members of their research group 
-on different machines or with colleagues at other sites. To learn how to make your Genome Browser 
-annotation track viewable by others, read the section <a href="#SHARE">Sharing Your Annotation Track
-with Others</a>.</p>
 
 <a name="ADD_CT"></a>
 <h2>Loading a custom track into the Genome Browser</h2>
 <p>
 Using the Genome Browser's custom track upload and management utility, annotation tracks may be 
 added for display in the Genome Browser, deleted from the Genome Browser, or updated with new data 
 and/or display options. You may also use this interface to upload and manage custom track sets for 
 multiple genome assemblies.</p>
 <p>
 To load a custom track into the Genome Browser:</p>
 <p>
 <strong>Step 1. Open the Add Custom Tracks page</strong><br>
 Select the top blue bar &quot;My Data&quot; menu and click <a href="../../cgi-bin/hgCustom">Custom 
 Tracks</a>. Or, when browsing tracks, click the &quot;add custom tracks&quot; button below the 
 <a href="../../cgi-bin/hgTracks">Genome Browser</a>. (Note: if one or more tracks have already
@@ -316,30 +362,32 @@
 than 1000 tracks. If you have more than this suggested limit of 1000 tracks, please consider 
 setting up a <a href="hgTrackHubHelp.html" target="_blank">track hub</a> instead.</em></strong></p>
 
 <a name="MANAGE"></a> 
 <a name="MANAGE_CT"></a> 
 <h2>Displaying and managing custom tracks</h2>
 <p>
 After a custom track has been successfully loaded into the Genome Browser, you can display it -- as 
 well as manage your entire custom track set -- via the options on the Manage Custom Tracks page. 
 This page automatically displays when a track has been uploaded into the Genome Browser (see 
 <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a>). Alternatively, you can 
 access the track management page by clicking the &quot;manage custom tracks&quot; button on the 
 Gateway or Genome Browser annotation tracks pages. (Note that the track management page is available
 only if at least one track has been loaded during the current browser session; otherwise, this 
 button is labeled &quot;add custom tracks&quot; and opens the Add Custom Track page.)</p>
+
+<h3>Manage Custom Tracks page</h3>
 <p>
 The table on the Manage Custom Tracks page shows the current set of uploaded custom tracks for the 
 genome and assembly specified at the top of the page. If tracks have been loaded for more than one 
 genome assembly, pulldown lists are displayed; to view the uploaded tracks for a different assembly,
 select the desired genome and assembly option from the lists.</p>  
 <p>
 The following track information is displayed in the Manage Custom Tracks table:</p>
 <ul>
   <li>
   <strong>Name: </strong> a hyperlink to the Update Custom Track page where you can update your 
   track configuration and data.</li>
   <li>
   <strong>Description: </strong>the value of the &quot;description&quot; attribute from the track 
   line, if present. If no description is included in the input file, this field contains the track 
   name.</li>
@@ -398,43 +446,47 @@
 configuration&quot; text box. In the current implementation of this utility, the existing annotation
 data is not displayed. Because of this, the data cannot be incrementally edited through this 
 interface, but instead must be fully replaced using one of the data entry methods described in 
 <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a>. If description text has been 
 uploaded for the track, it will be displayed in the track documentation edit box, where it may be 
 edited or completely replaced. Once you have completed your updates, click the Submit button to 
 upload the new data into the Genome Browser.</p>
 <p>
 If the data or description text for your custom track was originally loaded from a file on your hard
 disk or server, you should first edit the file, then reload it from the Update Custom Track page 
 using the &quot;Choose File&quot; button. Note that edits made on this page to description text uploaded 
 from a file will not be saved to the original file on your computer or server. Because of this, we 
 recommend that you use the documentation edit box only for changes made to text that was typed or 
 pasted in.</p> 
 
-<a name="lines"></a>
-<h3>Browser lines</h3>
+<a name="BROWSER"></a>
+<h3>Creating Browser lines for annotations</h3>
 <p>
 Browser lines are optional, but they give you control of many aspects of the overall display of the
 Genome Browser window when your annotation file
 is uploaded. Each line defines one display attribute. Browser lines are in the format:</p>
 <p>
 <pre><code>browser attribute_name attribute_value(s)</code></pre>
 
 <p>
 For example, if the browser line <code>browser position chr22:1-20000</code> is included in the 
 annotation file, the Genome Browser window will initially display the first 20000 bases of chr 
 22.</p>
+
+<hr>
+
+<h4>&nbsp;&nbsp;&nbsp;Additional browser line options:</h4>
 <p>
 The following browser line attribute name/value options are available. The value
 <em>track_primary_table_name</em> must be set to the name of the primary table on which the
 track is based. To identify this table, open up the
 <A HREF="../../cgi-bin/hgTables" TARGET=_blank>Table Browser</A>,
 select the correct genome assembly, then select the track name from the
 <em>track</em> list. The <em>table</em> list will show the primary table.
 Alternatively, the primary table name can be obtained from a mouseover on the
 track name in the track control section.
 You can also find instructions on how to find this table name in the video
 &quot;<a href="../../training/vids/index.html#vid06" target="_blank">How do I learn which tables
 belong to a data track on the UCSC Genome Browser?</a>&quot;.</p>
 <p>
 Note that composite track subtracks are not valid <em>track_primary_table_name</em> values. To find 
 the symbolic name of a composite track, look in the <em>tableName</em> field in the <em>trackDb</em>
@@ -486,41 +538,52 @@
   <li>
   <strong>full all</strong> - Displays all tracks in full mode. See NOTE for &quot;dense 
   all&quot;.</li>
   <li>
   <strong>full &lt;<em>track_primary_table_name(s)</em>&gt;</strong> - Displays the specified tracks
   in full mode. Symbolic names must be used. Multiple track names should be space-separated.</li> 
 </ul>
 <p>
 Note that the Genome Browser will open to the range defined in the Gateway page <em>search term</em>
 box or the position saved as the default unless the browser line position attribute is defined in 
 the annotation file. Although this attribute is optional, it's recommended that you set this value 
 in your annotation file to ensure that the track will appear in the display range when it is 
 uploaded into the Genome Browser.</p>
 
 <a name="TRACK"></a>
-<h3>Track lines</h3>
+<h3>Defining track lines for annotations</h3>
 <p>
 Track lines define the display attributes for all lines in an annotation data set. If more than one 
 data set is included in the annotation file, each group of data must be preceded by a track line 
-that describes the display characteristics for that set of data. A track line begins with the word 
-<code>track</code>, followed by one or more <code>attribute=value</code> pairs. Unlike browser 
+that describes the display characteristics for that set of data.
+Unlike browser 
 lines - in which each attribute is defined on a separate line - all of the track attributes for a 
 given set of data are listed on one line <em>with no line breaks</em>. The inadvertent insertion of 
 a line break into a track line will generate an error when you attempt to upload the annotation 
 track into the Genome Browser.</p>
 <p>
+A track line begins with the word <code>track</code>, followed by one or more
+<code>attribute=value</code> pairs.
+<p>
+Here is an example of a properly formatted track line using the bigBed format, with accompanying 
+browser line:</p>
+<pre><code>browser position chr21:33,031,597-33,041,570
+track type=bigBed name="bigBed Example One" description="A bigBed file" bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb</code></pre>
+
+<hr>
+<h4>&nbsp;&nbsp;&nbsp;Track attribute defintions:</h4>
+<p>
 The following track line attribute=value pairs are defined in the Genome Browser:</p>
 <ul> 
   <li>
   <strong>name=<<em>track_label</em>></strong> - Defines the track label that will be displayed to 
   the left of the track in the Genome Browser window, and also the label of the track control at the
   bottom of the screen. The name can consist of up to 15 characters, and must be enclosed in quotes 
   if the text contains spaces. We recommend that the track_label be restricted to alpha-numeric 
   characters and spaces to avoid potential parsing problems. The default value is &quot;User 
   Track&quot;.</li> 
   <li>
   <strong>description=<<em>center_label</em>></strong> - Defines the center label of the track in 
   the Genome Browser window. The description can consist of up to 60 characters, and must be 
   enclosed in quotes if the text contains spaces. The default value is &quot;User Supplied 
   Track&quot;.</li> 
   <li>
@@ -655,75 +718,105 @@
   to be at the same URL as the data file, but with the extension .bai. For example, if the data file is
   https://genome.gov/genome.bam, the index file by default must be at https://genome.gov/genome.bam.bai.
   If that is not the case, the bigDataIndex option must be used to point to the index file.
   </li>
   <li>
   <strong>doWiggle=<<em>on</em>></strong> - The doWiggle setting enables BAM custom tracks
   to be displayed as bar graphs where the height is proportional to the number of reads mapped
   to each genomic position. This display is described as a density graph and is best viewed with
   the track set to full and scaling set to auto-scale. See the Track Database Definition
   <a href="../help/trackDb/trackDbHub.html#doWiggle" target="_blank">doWiggle entry</a>
   for more information about the use in hubs and the
   <a href="../help/hgBamTrackHelp" target="_blank">configuring BAM tracks</a> and the
   <a href="../help/hgWiggleTrackHelp.html" target="_blank">configuring graph-based tracks</a>
   help pages to learn how to further change the display.</li>
 </ul>
-<p>
-Here is an example of a properly formatted track line using the bigBed format, with accompanying 
-browser line:</p>
-<pre><code>browser position chr21:33,031,597-33,041,570
-track type=bigBed name="bigBed Example One" description="A bigBed file" bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb</code></pre>
 
 <a name="SHARE"></a>
 <h2>Sharing your annotation track with others</h2>
 <p>
 To make your Genome Browser annotation track viewable by people on other machines or at other sites,
 follow the steps below.</p>
 <p>
-<strong>Step 1.</strong> Put your formatted annotation file on your web site. Be sure that the file
-permissions allow it to be read by others.</p>
+<strong>Step 1. Put your formatted annotation file on your web site.</strong>
+<p>
+Be sure that the file permissions allow it to be read by others.</p>
+<p>
+<strong>Step 2. Construct a URL that will link this annotation file to the Genome Browser.</strong>
 <p>
-<strong>Step 2.</strong> Construct a URL that will link this annotation file to the Genome Browser.
 The URL must contain 3 pieces of information specific to your annotation data:</p>
 <ul>
   <li>
   The species or genome assembly on which your annotation data is based. To automatically display
   the most recent assembly for a given organism, set the <em>org</em> parameter: <em>e.g.</em>
   <code>org=human</code>. To specify a particular genome assembly for an organism, use the
   <em>db</em> parameter, <code>db=&lt;databaseName&gt;</code>, where <em>databaseName</em> is the UCSC
   code for the genome assembly. For a list of these codes, see the Genome Browser
   <a href="/FAQ/FAQreleases.html#release1" target="_blank">FAQ</a>. Examples of this include:
   db=hg38 (Human Dec. 2013 assembly = GRCh38), db=mm10 (Mouse Dec. 2011 assembly = GRCm38).</li>
   <li>Additionally, particular genome assemblies, including assemblies in assembly hubs, can be specified using
   the <em>genome</em> parameter, <code>genome=&lt;databaseName&gt;</code>, which acts in the same manner as
   the <em>db</em> parameter. Here is an example using the house mouse (<i>Mus musculus</i>, 129S1_SvImJ)
   assembly hub:
   <a href="http://genome.ucsc.edu/cgi-bin/hgTracks?genome=129S1_SvImJ&hubUrl=http://hgdownload.soe.ucsc.edu/hubs/mouseStrains/hub.txt"
   target="_blank">http://genome.ucsc.edu/cgi-bin/hgTracks?genome=129S1_SvImJ&hubUrl=http://hgdownload.soe.ucsc.edu/hubs/mouseStrains/hub.txt</a></li>
   <li>
   The genome position to which the Genome Browser should initially open. This information is of the
   form <code>position=&lt;chrPosition&gt;</code>, where <em>chrPosition</em> is a chromosome number, with
   or without a set of coordinates. Examples of this include: position=chr22,
   position=chr22:15916196-31832390.</li>
   <li>
   The URL of the annotation file on your web site. This information is of the form
   <code>hgt.customText=&lt;url&gt;</code> or <code>hgct_customText=&lt;url&gt;</code>,
   where <em>url</em> points to the annotation file on your website.
   An example of an annotation file URL is <a href="test.bed"
   target="_blank">http://genome.ucsc.edu/goldenPath/help/test.bed</a>.</li>
 </ul>
 <p>
+Combine the above pieces of information into a URL of the following format (the information
+specific to your annotation file is highlighted):</p>
+<pre><code>http://genome.ucsc.edu/cgi-bin/hgTracks?org=<font color="000099"><em>&lt;organismName&gt;</em></font>&amp;position=<font color="000099"><em>&lt;chrPosition&gt;</em></font>&amp;hgt.customText=<font color="000099"><em>&lt;url&gt;</em></font></code></pre>
+
+<p>
+<strong>Step 3. Provide the URL to others.</strong></p>
+<p>
+To upload a custom annotation track from a URL into the Genome Browser, paste the URL into the large
+text edit box on the Add Custom Tracks page, then click the Submit button.</p>
+<p>
+Custom Tracks can also be shared with others through named sessions. First, upload your tracks as 
+discussed in the <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a> section. Then create a named session that includes your custom tracks by navigating to the "Sessions" 
+page through the "My Data" section in the menu bar. Once there, follow the instructions in the 
+<a href=../help/hgSessionHelp.html#Create>Creating a Session</a> section of the Sessions help page.
+Once you have saved your custom track into a named session, you can share that session with others 
+by sharing the URL from the &quot;Browser&quot; link or emailing it to them directly by clicking 
+the "Email" link.</p> 
+<p>
+For integration into your own website e.g. in an html IFRAME, you can obtain the track image only,
+without the rest of the genome browser user interface, by replacing hgTracks in the URL with
+hgRenderTracks, such as in this example:</p>
+<pre><code><a href="http://genome.ucsc.edu/cgi-bin/hgRenderTracks?db=hg19&position=chr9%3A136130563-136150630"
+target="_blank">http://genome.ucsc.edu/cgi-bin/hgRenderTracks?db=hg19&position=chr9%3A136130563-136150630</a></code></pre>
+<p>
+If you'd like to share your annotation track with a broader audience, send the URL for your
+track&mdash;along with a description of the format, methods, and data used&mdash;to the UCSC Genome
+mailing list
+<a href="mailto:&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;">&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;</a>. 
+<!-- above address is genome at soe.ucsc.edu -->
+
+<a name="OPTIONAL"></a>
+<h3>Optional URL parameters</h3>
+<p>
 A special blog post discusses and provides examples of many of these parameters such as
 <code>hgct_customText=&lt;url&gt;</code>, <code>db=&lt;databaseName&gt;</code>,
 <code>hubUrl=&lt;url&gt;</code>, and <code>genome=&lt;databaseName&gt;</code> to attach
 custom tracks, track hubs, assembly hubs, and even track hubs to assembly hubs, all in a
 single URL. Read an overview of ways to share Genome Browser data views in the
 <a href="https://genome-blog.soe.ucsc.edu/blog/2021/08/13/sharing-data-with-sessions-and-urls/"
 target="_blank">Sharing Data with Sessions and URLs</a> blog post.
 
 <a name="optParams"></a>
 <p>
 You can add other optional parameters to the URL: (Note: Display may vary if you have conflicting
 cart variables, for example having both hide all and highlight features.)
 <ul>
   <li>
   <code>guidelines=on/off</code> - activate or deactivate the blue guidelines - 
@@ -812,233 +905,386 @@
   in pixels - <a 
   href="../../cgi-bin/hgTracks?db=hg38&ignoreCookie=1&hideTracks=1&mappability=full&umap24Quantitative.heightPer=100"
   target="_blank">example link</a> to set umap bigWig track height to 100 pixels
   </li>
   <li>
   <code>&lt;trackName&gt;_hideKids=1</code> - hides a specific super track's individual tracks - <a
   href="../../cgi-bin/hgTracks?db=hg19&wgEncodeReg_hideKids=1&ignoreCookie=1" target="_blank">
   example link</a> to hide the Encode Regulation super track</li>
   <li>
   <code>&lt;trackName&gt;_sel=1</code> - selects specific subtrack to be 'checked', allowing 
   display - <a href="../../cgi-bin/hgTracks?db=hg38&refSeqComposite=full&refGene_sel=1" target="_blank">example 
   link</a> to select the checkbox for UCSC RefSeq subtrack in the refSeq composite track, allowing 
   display alongside default tracks
   </li>
 </ul>
+
+<a name="EXAMPLE5"></a>
+<h3>Example #5: Loading a custom track via the URL</h3>
 <p>
-If a login and password is required to access data loaded through a URL (e.g., via https:
-protocol), this information can be included in the URL using the format
-protocol://user:password@server.com/somepath. Only Basic Authentication is supported for HTTP.
-Note that passwords included in URLs are not protected. If a password contains a non-alphanumeric
-character, such as &#36;, the character must be replaced by the hexadecimal representation for
-that character. For example, in the password mypwd&#36;wk, the &#36; character should be replaced
-by %24, resulting in the modified password mypwd%24wk.</p>
-<p>
-For integration into your own website e.g. in an html IFRAME, you can obtain the track image only,
-without the rest of the genome browser user interface, by replacing hgTracks in the URL with
-hgRenderTracks, such as in this example:</p>
-<pre><code><a href="http://genome.ucsc.edu/cgi-bin/hgRenderTracks?db=hg19&position=chr9%3A136130563-136150630"
-target="_blank">http://genome.ucsc.edu/cgi-bin/hgRenderTracks?db=hg19&position=chr9%3A136130563-136150630</a></code></pre>
-<p>
-Combine the above pieces of information into a URL of the following format (the information
-specific to your annotation file is highlighted):</p>
-<pre><code>http://genome.ucsc.edu/cgi-bin/hgTracks?org=<font color="000099"><em>&lt;organismName&gt;</em></font>&amp;position=<font color="000099"><em>&lt;chrPosition&gt;</em></font>&amp;hgt.customText=<font color="000099"><em>&lt;url&gt;</em></font></code></pre>
-<p>
-<strong><em>Example #5:</em></strong><br>
 The following URL will open up the Genome Browser window to display chr22 of the latest human
 genome assembly and will show the annotation track pointed to by the URL
 http://genome.ucsc.edu/goldenPath/help/test.bed:
 <pre><code
 <a class="insideLink" href="../../cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/test.bed"
 target="_blank">http://genome.ucsc.edu/cgi-bin/hgTracks?org=human&amp;position=chr22&amp;hgt.customText=http://genome.ucsc.edu/goldenPath/help/test.bed</a></code></pre>
 <p>
-<strong>Step 3.</strong> Provide the URL to others. To upload a custom annotation track from a 
-URL into the Genome Browser, paste the URL into the large text edit box on the Add Custom
-Tracks page, then click the Submit button.</p>
-<p>
-If you'd like to share your annotation track with a broader audience, send the URL for your
-track&mdash;along with a description of the format, methods, and data used&mdash;to the UCSC Genome
-mailing list
-<a href="mailto:&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;">&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;</a>. 
-<!-- above address is genome at soe.ucsc.edu -->
+If a login and password is required to access data loaded through a URL (e.g., via https:
+protocol), this information can be included in the URL using the format
+protocol://user:password@server.com/somepath. Only Basic Authentication is supported for HTTP.
+Note that passwords included in URLs are not protected. If a password contains a non-alphanumeric
+character, such as &#36;, the character must be replaced by the hexadecimal representation for
+that character. For example, in the password mypwd&#36;wk, the &#36; character should be replaced
+by %24, resulting in the modified password mypwd%24wk.</p>
 
 <a name="EXAMPLE6"></a>
+<h3>Example #6: Constructing a URL using the bigDataUrl setting</h3>
 <p>
-<strong><em>Example #6:</em></strong><br>
 If you would like to share a URL that your colleague can click on directly, rather than loading it 
 in the Custom Track tool (as in Example #5), then the URL will need a few extra parameters. Let's 
 assume that your data is on a server at your institution in one of the large data formats:
 <a href="../../FAQ/FAQformat.html#format1.5">bigBed</a>, 
 <a href="../../FAQ/FAQformat.html#format6.1">bigWig</a>,
 <a href="../../FAQ/FAQformat.html#format9.2">bigPsl</a>,
 <a href="../../FAQ/FAQformat.html#format21">bigBarChart</a>,
 <a href="../../FAQ/FAQformat.html#format9.4">bigChain</a>,
 <a href="../../FAQ/FAQformat.html#format22">bigInteract</a>,
 <a href="../../FAQ/FAQformat.html#format9.1">bigGenePred</a>,
 <a href="../../FAQ/FAQformat.html#format9.3">bigMaf</a>,
 <a href="../../FAQ/FAQformat.html#format9.5">bigNarrowPeak</a>,
 <a href="../../FAQ/FAQformat.html#format5.1">BAM</a>,
 <a href="../../FAQ/FAQformat.html#format5.2">CRAM</a>, or
 <a href="../../FAQ/FAQformat.html#format10.1">VCF</a>.
 In this case, the URL must include an <code>hgct_customText</code> parameter, which 
 simulates the text box on the Custom Tracks page.  Also, the URL must include
 the <code>bigDataUrl</code> that points to the data file on your server.
 So, a clickable URL that opens a remote bigBed track for the hg18 assembly to a certain location on 
 chr21 would look like this:
 <pre><code><a href="../../cgi-bin/hgTracks?db=hg18&position=chr21:33038447-33041505&hgct_customText=track%20type=bigBed%20name=myBigBedTrack%20description=%22a%20bigBed%20track%22%20visibility=full%20bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb" 
 target="_blank">http://genome.ucsc.edu/cgi-bin/hgTracks?db=hg18&position=chr21:33038447-33041505&hgct_customText<br>
 =track%20type=bigBed%20name=myBigBedTrack%20description=%22a%20bigBed%20track%22%20visibility=<br>
 full%20bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample.bb
 </code></pre></a>
 <p>
-Custom Tracks can also be shared with others through named sessions. First, upload your tracks as 
-discussed in the <a href="#ADD_CT">Loading a Custom Track into the Genome Browser</a> section. Then create a named session that includes your custom tracks by navigating to the "Sessions" 
-page through the "My Data" section in the menu bar. Once there, follow the instructions in the 
-<a href=../help/hgSessionHelp.html#Create>Creating a Session</a> section of the Sessions help page.
-Once you have saved your custom track into a named session, you can share that session with others 
-by sharing the URL from the &quot;Browser&quot; link or emailing it to them directly by clicking 
-the "Email" link.</p> 
-<p>
 <strong>Tip:</strong> Multiple tracks can be placed into one custom track submission. To do so, 
 create a new file that contains the 
 <a href="/goldenPath/help/customTrack.html#TRACK">track lines</a> to each file that will be 
 included. To submit this custom set of tracks, merely use the URL to this new file.</p>
 
 <a name="TROUBLE"></a>
 <h2>Troubleshooting annotation display problems</h2>
 <p>
 Occasionally users encounter problems when uploading annotation files to the Genome Browser. In 
 most cases, these problems are caused by errors in the format of the annotation file and can be 
 tracked down using the information displayed in the error message. This section contains suggestions
-for resolving common display problems. If you are still unable to successfully display your 
-data, please contact 
+for resolving common display problems.</p>
+<p>
+If you are still unable to successfully display your data, please contact
 <a href="mailto:&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;">&#103;&#101;n&#111;m&#101;&#64;&#115;&#111;&#101;.&#117;&#99;s&#99;.&#101;d&#117;</a> 
 <!-- above address is genome at soe.ucsc.edu -->
 for further assistance. 
 <strong><span class="gbsWarnText">Messages sent to this address will be posted to the moderated genome mailing list, which is 
 archived on a SEARCHABLE, PUBLIC</span>
 <a HREF="https://groups.google.com/a/soe.ucsc.edu/forum/#!forum/genome">Google Groups 
 forum</a></strong>.</p>
 <p>
-<strong><em>Problem: </em></strong>When I try one of your examples by cutting and pasting it into 
-the Genome Browser, I get an error message.<br> 
-<strong><em>Solution: </em></strong>Check that none of the browser lines, track lines, or data lines
-in your annotation file contains a line break. If the example contains GFF or GTF data lines, check 
-that all the fields are tab-separated rather than space-separated.</p> 
+<strong><em>Problem: </em></strong>
+<ul>
+  <li>
+      <a href="#PROBLEM1">
+      When I try one of your examples by cutting and pasting it into the Genome Browser, I get an
+      error message.</a></li>
+  <li>
+      <a href="#PROBLEM2">
+      When I click the <em>submit</em> button, I get the error message
+      &quot;line 1 of custom input:&quot;.</a></li>
+  <li>
+      <a href="#PROBLEM3">
+      When I click the <em>submit</em> button, I get the error message 
+      &quot;line # of custom input: missing = in var/val pair&quot;</a></li>
+  <li>
+      <a href="#PROBLEM4">
+      When I click the <em>submit</em> button, I get the error message 
+      &quot;line # of custom input: BED chromStarts[i] must be in ascending order&quot;.</a>
+  <li>
+      <a href="#PROBLEM5">
+      When I click the <em>submit</em> button, the Genome Browser
+      track window displays OK, but my track isn't visible.</a></li>
+  <li>
+      <a href="#PROBLEM6">
+      I am trying to upload some custom tracks (.gz files) to the 
+      Genome Browser using a URL from a GEO query. However, the upload is failing with the error
+      &quot;line 1 of <filename>.gz: thickStart after thickEnd&quot;</a>
+  <li>
+      <a href="#PROBLEM7">
+      I've gotten my annotation track to display, but now I can't make 
+      it go away! How do I remove an annotation track from my Genome Browser display?
+  <li>
+      <a href="#PROBLEM8">
+      I put my custom track files on Dropbox,
+      Apple iCloud, Google Drive, Amazon Drive, Box.com, Microsoft OneDrive, or
+      another "online cloud backup" provider and they will not display in the browser.
+      Why? <br>
+      <em>OR</em><br>
+      When I try to visualize my custom tracks in the Browser, I 
+      receive the error message &quot;Byte-range request was ignored by server&quot;</a>
+  <li>
+      <a href="#PROBLEM9">
+      I used to host files on Dropbox which used to accept byte-range requests, but I can't
+      get my data to display. Why?</a></li>
+  <li>
+      <a href="#PROBLEM10">
+      If I can't host files on backup providers like Dropbox or Google Drive where can I host my
+      files, especially my bigWigs and bigBeds?</a>
+  <li>
+      <a href="#PROBLEM11">
+      I have a bigBed file with colors in the 9th column. I set the option itemRgb on in the
+      trackDb file, the track is fine, but why are the boxes all black?</a></li>
+</ul>
+<hr>
+<a name="PROBLEM1"></a>
+<p>
+<strong><em>Problem: </em></strong>
+<br>
+When I try one of your examples by cutting and pasting it into the Genome Browser, I get an error
+message.</p>
+<p>
+<strong><em>Solution: </em></strong>
+<ul>
+   <li>
+     Check that none of the browser lines, track lines, or data lines in your annotation file
+     contains a line break.</li>
+   <li>
+     If the example contains GFF or GTF data lines, check that all the fields
+     are tab-separated rather than space-separated.</li>
+</ul>
+<hr>
+<a name="PROBLEM2"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+When I click the <em>submit</em> button, I get the error message
+&quot;line 1 of custom input:&quot;.</p>
 <p>
-<strong><em>Problem:</em></strong> When I click the <em>submit</em> button, I get the error message &quot;line 1 of custom input:&quot;.<br> 
-<strong><em>Solution:</em></strong> Check that none of the browser lines, track lines, or data 
-lines in your annotation file contains a line break. A common source for this problem is the track 
-line: all of the attribute pairs must on the same line and must not be separated by a line break. 
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    Check that none of the browser lines, track lines, or data lines in your annotation file
+    contains a line break.
+  <li>
+    A common source for this problem is the track line: all of the attribute
+    pairs must on the same line and must not be separated by a line break.
+  <li>
     If you are uploading your annotation file by pasting it into the text box on the Genome Browser
     Gateway page, check that the cut-and-paste operation did not inadvertently insert unwanted line
-feeds into the longer lines.</p>
+    feeds into the longer lines.</li>
+</ul>
+<hr>
+<a name="PROBLEM3"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+When I click the <em>submit</em> button, I get the error message 
+&quot;line # of custom input: missing = in var/val pair&quot;.</p>
 <p>
-<strong><em>Problem:</em></strong> When I click the <em>submit</em> button, I get the error message 
-&quot;line # of custom input: missing = in var/val pair&quot;.<br>
-<strong><em>Solution:</em></strong> Check for incorrect syntax in the track lines in the annotation 
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    Check for incorrect syntax in the track lines in the annotation 
     file. Be sure that each track line attribute pair consists of the format 
-<em>attribute=attribute name</em>.</p>
-<p>
-<strong><em>Problem:</em></strong> When I click the <em>submit</em> button, I get the error message 
-&quot;line # of custom input: BED chromStarts[i] must be in ascending order&quot;.<br> 
-<strong><em>Solution:</em></strong> This is most likely caused by a logical conflict in the Genome 
-Browse software. It accepts custom GFF tracks that have multiple &quot;exons&quot; at the same 
-position, but not BED tracks. Because the browser translates GFF tracks to BED format before 
-storing the custom track data, GFF tracks with multiple exons will case an error when the BED is 
-read back in. To work around this problem, remove duplicate lines in the GFF track.</p> 
-<p>
-<strong><em>Problem:</em></strong> When I click the <em>submit</em> button, the Genome Browser
-track window displays OK, but my track isn't visible.<br> 
-<strong><em>Solution:</em></strong> Check the browser and track lines in your annotation file to 
-make sure that you haven't accidentally set the display mode for the track to <em>hide</em>. If you 
-are using the Annotation File box on the Genome Browser Gateway page to upload the track, check that
-you've entered the correct file name. If neither of these is the cause of the problem, try resetting
-the Genome Browser to clear any settings that may be preventing the annotation to display. To reset 
-the Browser, click the &quot;Reset All User Settings&quot; under the top blue Genome Browser menu. If the
-annotation track still doesn't display, you may need to clear the cookies in your Internet browser 
-as well (refer to your Internet browser's documentation for further information).</p>
-<p>
-<strong><em>Problem:</em></strong> I am trying to upload some custom tracks (.gz files) to the 
+    <em>attribute=attribute name</em>.</li>
+</ul>
+<hr>
+<a name="PROBLEM4"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+When I click the <em>submit</em> button, I get the error message
+&quot;line # of custom input: BED chromStarts[i] must be in ascending order&quot;</p>
+<p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    This is most likely caused by a logical conflict in the Genome Browse software. It accepts
+    custom GFF tracks that have multiple &quot;exons&quot; at the same position,
+    but not BED tracks.</li>
+  <li>
+    Because the browser translates GFF tracks to BED format before storing the custom track data,
+    GFF tracks with multiple exons will case an error when the BED is read back in.</li>
+  <li>
+    To work around this problem, remove duplicate lines in the GFF track.</li>
+</ul>
+<hr>
+<a name="PROBLEM5"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+When I click the <em>submit</em> button, the Genome Browser
+track window displays OK, but my track isn't visible.</p>
+<p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    Check the browser and track lines in your annotation file to make sure that you haven't
+    accidentally set the display mode for the track to <em>hide</em>.</li>
+  <li>
+    If you are using the Annotation File box on the Genome Browser Gateway page to upload the track,
+    check that you've entered the correct file name.</li>
+  <li>
+    If neither of these is the cause of the problem, try resetting the Genome Browser to clear any
+    settings that may be preventing the annotation to display. To
+    reset the Browser, click the &quot;Reset All User Settings&quot; under the top blue Genome
+    Browser menu.</li>
+  <li>
+    If the annotation track still doesn't display, you may need to clear the cookies
+    in your Internet browser as well (refer to your Internet browser's documentation for further
+    information).</li>
+</ul>
+<hr>
+<a name="PROBLEM6"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+I am trying to upload some custom tracks (.gz files) to the 
 Genome Browser using a URL from a GEO query. However, the upload is failing with the error
-&quot;line 1 of <filename>.gz: thickStart after thickEnd&quot;.<br>
-<strong><em>Solution:</em></strong> The custom track mechanism supports plain BED files (not bigBed)
-that are of the type <a href="../../FAQ/FAQformat.html#format13">broadPeak</a> or
-<a href="../../FAQ/FAQformat.html#format12">narrowPeak</a>. Set the track attribute
-<a href="#TRACK">type=<<em>track_type</em>></a> to enable the loader to correctly process the 
-special columns at the end of each line. Your track type entry should consist of two lines: the 
-first to define the track type and the second to specify the URL. For example:</p>
-<pre><code>track type=<font color="000099">broadPeak</font>
+&quot;line 1 of <filename>.gz: thickStart after thickEnd&quot;.
+<p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    The custom track mechanism supports plain BED files (not bigBed) that are of the type
+    <a href="../../FAQ/FAQformat.html#format13">broadPeak</a> or
+    <a href="../../FAQ/FAQformat.html#format12">narrowPeak</a>.
+  <li>
+    Set the track attribute <a href="#TRACK">type=&lt;<em>track_type</em>&gt;</a> to enable the
+    loader to correctly process the special columns at the end of each line.
+  <li>
+    Your track type entry should consist of two lines:
+    the first to define the track type and the second to specify the URL.
+    <br>
+    For example:
+    <pre>track type=<font color="000099">broadPeak</font>
 https://www.ncbi.nlm.nih.gov/geosuppl/...</code></pre>
+</ul>
+<hr>
+<a name="PROBLEM7"></a>
 <p>
-<strong><em>Problem:</em></strong> I've gotten my annotation track to display, but now I can't make 
-it go away! How do I remove an annotation track from my Genome Browser display?<br>
-<strong><em>Solution:</em></strong> To remove only one track, click the <em>Manage Custom 
-Tracks</em> button and delete the desired track using the checkbox and Delete button. To quickly 
-remove all of your custom tracks, reset the Genome Browser to its default settings by clicking on
-&quot;Reset All User Settings&quot; under the top blue Genome Browser menu. This reset will also remove any 
-other customizations you have made to your Genome Browser display.</p> 
+<strong><em>Problem:</em></strong>
+<br>
+I've gotten my annotation track to display, but now I can't make 
+it go away! How do I remove an annotation track from my Genome Browser display?
 <p>
-<strong><em>Problem:</em></strong> I put my custom track files on Dropbox,
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    To remove only one track, click the <em>Manage Custom Tracks</em> button and delete the desired
+    track using the checkbox and Delete button.
+  <li>
+    To quickly remove all of your custom tracks, reset the Genome Browser to its default settings by
+    clicking on &quot;Reset All User Settings&quot; under the top blue Genome Browser menu. This
+    reset will also remove any other customizations you have made to your Genome Browser
+    display.</li>
+</ul>
+<hr>
+<a name="PROBLEM8"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+I put my custom track files on Dropbox,
 Apple iCloud, Google Drive, Amazon Drive, Box.com, Microsoft OneDrive, or
 another "online cloud backup" provider and they will not display in the browser.
 Why? <br>
 <em>OR</em><br>
-<strong><em>Problem:</em></strong> When I try to visualize my custom tracks in the Browser, I 
-receive the error message &quot;Byte-range request was ignored by server&quot;.<br>
-
-<strong><em>Solution:</em></strong> Backup providers used to work for hosting 
-simple text-based custom tracks, but things have changed. For large custom track data sets, the use 
-of indexed binary formats such as bigBed and bigWig is preferable and usually fail with backup providers. 
-These formats provide much faster display performance
-because only the portion of the file needed to display the currently viewed region must be 
-transferred to the Genome Browser server. This requires that they are stored on a real web server.
-And to allow this type of display, byte-range support must be 
-enabled on the web server. No commercial online backup solution supports this,
-to our knowledge. To check if your server has byte-range requests enabled,
-issue the following command:</p>
-<pre><code> curl -I &lt;URL of your file&gt;</code></pre>
+When I try to visualize my custom tracks in the Browser, I 
+receive the error message &quot;Byte-range request was ignored by server&quot;.</p>
 <p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    Backup providers used to work for hosting simple text-based custom tracks, but things have
+    changed. For large custom track data sets, the use of indexed binary formats such as bigBed and
+    bigWig is preferable and usually fail with backup providers. These formats provide much faster
+    display performance because only the portion of the file needed to display the currently viewed
+    region must be transferred to the Genome Browser server.
+  <li>
+    This requires that the files are stored on a real web server, and to allow this type of display,
+    byte-range support must be enabled on the web server. No commercial online backup solution
+    supports this, to our knowledge.
+  <li>
+    To check if your server has byte-range requests enabled, issue the following command:
+    <pre><code> curl -I &lt;URL of your file&gt;</code></pre>
     In order for your server to host bigBed and bigWig files (or track hubs) for Genome Browser display,
     the command output must contain: 
     <pre><code>Accept-Ranges: bytes</code></pre>
-<p>
     If you do not receive this output, you may be able to resolve the problem through one of the 
-following actions:</p>
+    following actions:
     <ul>
       <li>
       Store the files on a real web server, e.g. at your University. Check with the
       systems administrators about the configuration of the server. This will often
       solve the problem.</li>
       <li>
       Find another site with a server that supports byte-ranges.</li>  
       <li>
       Install an Apache alternative http server such as Cherokee.</li>
+    </ul></li>
 </ul>
+<hr>
+<a name="PROBLEM9"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+I used to host files on Dropbox which used to accept byte-range 
+requests, but I can't get my data to display. Why?</p>
 <p>
-<strong><em>Problem:</em></strong> I used to host files on Dropbox which used to accept byte-range 
-requests, but I can't get my data to display. Why?<br>
-<strong><em>Solution:</em></strong> As described in the previous question, Dropbox is a backup provider
-and not a real web server and as such does not support hosting indexed files, even though it used to
-work to some extent. Dropbox recently removed their Public Folder feature, which means all links
-to files hosted there are inaccessible to the browser. For more information, please refer to  <a 
-href="https://www.dropbox.com/help/files-folders/public-folder" target="_blank">this announcement
-</a>.</p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    As described in the previous question, Dropbox is a backup provider, and not a real web server,
+    and does not support hosting indexed files, even though it used to work to some extent.</li>
+  <li>
+    Dropbox recently removed their Public Folder feature, which means all links to files hosted
+    there are inaccessible to the browser. For more information, please refer to  <a 
+    href="https://www.dropbox.com/help/files-folders/public-folder" target="_blank">this
+    announcement</a>.</li>
+</ul>
+<hr>
+<a name="PROBLEM10"></a>
 <a name="BYTERANGE"></a>
 <p>
-<strong><em>Problem:</em></strong> If I can't host files on backup providers
-like Dropbox or Google Drive where can I host my files, especially my bigWigs
-and bigBeds?<br>
-<strong><em>Solution:</em></strong> The NSF-funded website <a href="http://cyverse.org">CyVerse</a>
-was created to provide free hosting services to researchers, and allows byte-range
-requests, meaning binary files such as BAMs, bigBeds, and bigWigs can be hosted. Please see the
+<strong><em>Problem:</em></strong>
+<br>
+If I can't host files on backup providers like Dropbox or Google Drive where can I host my files,
+especially my bigWigs and bigBeds?</p>
+<p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    The NSF-funded website <a href="http://cyverse.org">CyVerse</a> was created to provide free
+    hosting services to researchers, and allows byte-range requests, meaning binary files such as
+    BAMs, bigBeds, and bigWigs can be hosted.
+  <li>
+    Please see the
     <a href="hgTrackHubHelp.html#Hosting">Hosting</a> section of the Track Hub help page for more
-information on hosting your data at CyVerse and other alternatives.</p>
-<p>
-<strong><em>Problem:</em></strong> I have a bigBed file with colors in the 9th column. I set the
-option itemRgb on in the trackDb file, the track is fine, but why are the boxes all black?<br>
-<strong><em>Solution:</em></strong> When type is set to bigBed, the track hub assumes that the
-bigBed track is BED3 by default. To allow track hubs to use all fields in a bigBed file, you must
-define how many columns to expect. For example, if a bigBed file has nine columns, which would 
-include an itemRgb field to display a R,G,B color value (e.g. 255,0,0), specify the type
-as <code>type bigBed 9</code> or if the bigBed contains additional <a href="../../FAQ/FAQformat.html#format1" 
-target="_blank">non-standard columns</a>, use <code>type bigBed 9 +</code>.</p>
+    information on hosting your data at CyVerse and other alternatives.</li>
+</ul>
+<hr>
+<a name="PROBLEM11"></a>
+<p>
+<strong><em>Problem:</em></strong>
+<br>
+I have a bigBed file with colors in the 9th column. I set the option itemRgb on in the trackDb file,
+the track is fine, but why are the boxes all black?</p>
+<p>
+<strong><em>Solution:</em></strong>
+<ul>
+  <li>
+    When type is set to bigBed, the track hub assumes that the bigBed track is BED3 by default.
+  <li>
+    To
+    allow track hubs to use all fields in a bigBed file, you must define how many columns to expect.
+  <li>
+    For example, if a bigBed file has nine columns, which would include an itemRgb field to display
+    a R,G,B color value (e.g. 255,0,0), specify the type as <code>type bigBed 9</code> or if the
+    bigBed contains additional <a href="../../FAQ/FAQformat.html#format1" 
+    target="_blank">non-standard columns</a>, use <code>type bigBed 9 +</code>.</li>
+</ul>