Habbo Homes System

Quote:

---

Originally Posted by Luckyrare

nice one, looking forward to see the final product ;)

---

same here

The hard part is getting the image to go into the 'preview' box right in the middle. 'vertical-align: middle;' isn't working..hmm..

Quote:

---

Originally Posted by Invent

The hard part is getting the image to go into the 'preview' box right in the middle. 'vertical-align: middle;' isn't working..hmm..

---

I have tried using CSS to align something in the center of the page. Asked on a number of forums with no luck

Hmm, I'll search through Habbo's CSS Files for the answer =D

Quote:

---

Originally Posted by Invent

Hmm, I'll search through Habbo's CSS Files for the answer =D

---

Please share if you find it ;)

Good luck with this project =]

I couldn't figure it out in CSS, so I thought up a workaround using javascript maths.

HTML Code:

---

<script type="text/javascript">
<!--

        function show_sticker(img) {
       
            var myImage = new Image();
            myImage.name = "../"+img;
            myImage.src = "../"+img;   
           
            height = myImage.height;
           
            padding = 150-height;

            padding2 = padding/2;
             
            document.getElementById("image").innerHTML = "<img src=\"../"+img+"\" alt=\""+img+"\" style=\"padding-top: "+padding2+"px;\" />"

                                   
        }

-->
</script>

---

AJAX Store is going well, just setting up the 'information' part of the store. So that when you click a small image a larger preview appears, the price of the item, etc.

Also I've decided to use scriptaculous for the deletion of widgets/stickers, this is just so that the item fade's out and also it looks cool =D

Put it online so I can see :D

I would, but there is nothing to show atm lol.