Forum:Text positioning over images and blank spaces

I really didn't want to ask for help with this, but I've ran out of things to try.

I'm doing a very simple template to put an image with numbers over it (a small image). And after some work, it was working perfectly (or it seemed so), when I went to use it somewhere, there was a blank space under it, so I went and tried to make text positioning absolute instead of relative, and all blank space disappeared. After changing to absolute, however, I needed to adjust the positions of the images, after I was done, there was again a blank space, this time, to the right. This time I have no idea what caused this, there is no text going outside the image.

I've used images and text over images before, but I used an annotations template I got from wikipedia, but for a more complex template, since this is very simple, I wanted to make it myself (also to know how it works exactly), but... I'd consider using that annotation template, but it got borders that I don't know how to remove without breaking the template.

Here's the template and a page I was going to first use it on, with some tests: template examples

Uhhh... forget it. I was checking the code once more and found that I forgot to remove the float:right after setting it to absolute, I was sure I had removed it.

Another question though: How do I make the images be placed in the same line without needing to put them in a table? If I try to place two on the same line, they automatically occupy only one. You can see it on the example page

--Nevermind too, fixed it with a float:left on the main box. Sorry for the useless topic (well hope it at least helps someone in the future, or it could get deleted)

Yechnagoth 17:14, December 22, 2011 (UTC)