Strange question m: im setting up tiny towers on my own website (you got me hooked on the little pixel rooms) and i was wondering how you got yours to align so nicely.
Any html suggestions?
Oh man, I had to do a lot of fiddling to get it to look just right. I'd recommend using "view page source" for the page to take a look. I ended up doing a lot of minute adjustments to each floor to make sure they lined up right. It could be a bit different for yours depending on your general formatting for your page, but since they're images I don't think they should be that different...
Since Tumblr won't let me post html, I'll do images (I know, this is annoying for code, but what can you do).
You can see I do a bunch of tiny adjustments with margin-bottom, the margins are key, haha. The font isn't important, I wouldn't worry about that (or maybe it is? I forget).
Margin-bottom, margin-right depending. This would be the left side up to the elevators.
Then basically the same for the right side, use a br tag to separate the floors, then rinse and repeat. Once you have one floor looking right, it's easy to just copy and paste away.
Then I've got this for the bottom, you might have to fiddle with it depending on the page you've got set up. You can just take the html I've got if you want if it'll work for you, I don't mind. |D Mostly I'd use margin-left/right/bottom with various values to shift things around, with some adjustments to line-height too as you need.
