6b728cfec28fbf5e0df8ddfd6cede45a2f120139 brianlee Thu Aug 27 14:40:09 2020 -0700 Fixing errors in template.html discovered in code review by Daniel and Jairo refs #26101 diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html index b48f964..367966f 100755 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@ -146,32 +146,32 @@ Here is some code in a preformatted section ("pre" and "code" tags):</p> <pre><code>sudo -i bash browserSetup.sh install</code></pre> <p> And here is some text with a <code>bit of code</code> embedded (just the "code" tag).</p> </div> <!-- end column --> </div> <!-- end row --> <h2>Section with a picture and caption</h2> <p> Use the "img" tag to include the picture file, which is typically in .jpg or .png format. -Images should normally have their "width" and "height' attributes set in the +Images should normally have their "width" and "height" attributes set in the "img" element. The caption is a "p" element, which is assigned the "gbsCaption" class. -To center the image, wrap it in a 'div' or 'p' element, and add the +To center the image, wrap it in a "div" or "p" element, and add the bootstrap "text-center" class to the wrapper element (also adding to a caption if present). </p> <p> In the special case where an image is used as a character/symbol embedded inline in a paragraph, add the class "gbsInlineImg" to the image tag, i.e. here's the wrench (<img class="gbsInlineImg" src="images/wrench.png">).</p> -<p class='text-center'> - <img class='text-center' src="images/gbstaff16.jpg" alt="Genome Browser staff" width="499" height="299"> - <p class='gbsCaption text-center'>Browser staff in native habitat.</p> +<p class="text-center"> + <img class="text-center" src="images/gbstaff16.jpg" alt="Genome Browser staff" width="499" height="299"> + <p class="gbsCaption text-center">Browser staff in native habitat.</p> </p> <!--#include virtual="$ROOT/inc/gbPageEnd.html" -->