All the other HTML that is generated is just images. The <p> tag is generated after all the images have been generated. All the images are given absolute values. They determine this value with the top_iter.
Every 4 loops, a_iter is tested against b_iter to see if they are equal. If they are, b_iter has 4 added to it, and top_iter has 300 added to it. 200 for the image height, and a 100 for the space.
After all the images are loaded, a 100 more is added to top_iter, and that is where the <p> tag should use the variable. To specify the y axis location is should be placed on the document.
If it helps, here is the index.html:
<div id="link_bar" style="border: dotted fuchsia 1px black; height: 150px; background-image: url(data/images/backdrops/backdrop2.png);">
<p align="center" style="font-family: courier;">link 1 link 2 link 3</p></center></div>
Thanks in advance!