URL: Click Oh, and just a little FYI.. Only the Next/Previous functions work currently so the site will be non-responsive to other button clicks.
I finally managed to remove all of the spacing for the body and table so the table aligns to the utmost left corner. However, the way I set up the page there's no starting image to align. Basically, the Javascript is writing the code to the page. So I tried using the div and img selector; neither worked. I tried messing around with classes a bit; still nothing. At this point I figured it has to do with the pixels I set it to. The answer was right in front of me. If the table being aligned to the top left was set to 0 pixels, then 0 pixels for the other would land the image in the same spot. So I have a couple questions I suppose. The first is, am I handling for the image tag that Javascript is drawing or the div tag that's actually coded into my page? The second is, how do I position something to the corner parallel to my frame?
CODE
table {
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: blue;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
body{
background-color: orange;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
img{
margin-top: 0px;
margin-right: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
The other Javascript file can be seen here.
I'd appreciate any critiques/help! =)