Euro 2024 sweepstakes!
Prizes to be won this summer! Click here to take part, and find yourself a team to cheer on!
Show your pride!
Rainbows galore in our forum shop, including snazzy colours for your username and even a rainbow-coloured... football?
Join Habbox!
Be part of the Habbox family - there are so many roles to pick from! Click here to get your application rolling


Results 1 to 3 of 3
  1. #1
    Join Date
    Jan 2008
    Posts
    1,003
    Tokens
    0

    Latest Awards:

    Default Coding in Expandables, I've managed to do it but..

    basically,

    Thanks to the tut on habboxforum, i've coded my first expandable box lol,
    www.hotelnav.co.uk/coding as you can see there, but really im a bit confused as to how i add boxes around it like here www.hotelnav.co.uk/site/home/home.htm

    if you could help me greatfully appreciated, or if anyone can give me a person tutorial, i would be able to pay.

    Thanks very much
    Tim.

    Thread moved from design & development by --ss-- (Forum Super Moderator): Please post in the correct section .
    Last edited by --ss--; 21-03-2008 at 02:32 PM.

  2. #2
    Join Date
    Dec 2006
    Posts
    7,601
    Tokens
    95

    Latest Awards:

    Default

    well done.

    well, you would need to add some attributes to the divs:

    float: left; (floats a box to the left, do this to the boxes you would like next to each other)
    float: right; (same as above really but floats the the right)
    clear: both; (this will place any box under the two the boxes taht are floating_
    clear: left; (this will only go under floating left boxes)
    clear:right; (same as above but right)

    not very clear i know. Just google 'how to use float' and it should help

  3. #3
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    You will ahve to make another box just like the one you have in the exact same way (But with different div id's obviously) and then use float tags in the box's CSS to position them , eg , you would add float: left; to the container of the first box and float: right; to the container of the secound box , this way the first will go to the left and the secound will go to the right , or you can have it as bother float: left; so both are floated to the left right nect to each other and can use the margin tag's to make a margin space inbetween the two .

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •