Results 1 to 6 of 6
  1. #1
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default [CODING] Coding help [CODING]

    Hey guys!

    I am having trouble with my layouts, I have just learn't to code them but I can't make them expandable... Is there anybody who can help me or cive me some sort of tutorial please?

    Also! Do NOT Say "Google IT" OR "Search The Forum" As I Have Done And couldn't find elt ..

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

    Latest Awards:

    Default

    To make something expandable , simply remove the height: element from the css / style of the certain part you want expandable.

    Quick edit , I meant height not width .
    Last edited by --ss--; 28-01-2008 at 07:27 PM.

  3. #3
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default

    Its That Easy? thanks +REP Although Neutral

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

    Latest Awards:

    Default

    Quote Originally Posted by dj-huntey View Post
    Its That Easy? thanks +REP Although Neutral
    Yes it is , but pulling it off right without making the page looked messed up is the hard part .

  5. #5
    Join Date
    Dec 2006
    Posts
    3,970
    Tokens
    0

    Latest Awards:

    Default

    to make a layout expanable it needs to be coded into a big table;

    So..

    HTML Code:
    <table style="width: 500px;" cellpadding="0" cellspacing="0">
    <tr height="20"><td style="background: url('top.gif');"></td></tr>
    <tr><td style="background: url('mid.gif');">
    Your Text Here
    </td></tr>
    <tr height="20"><td style="background: url('bot.gif');"></td></tr>
    </table>
    For the table above you would need to make an image for the top of the layout which is 500x20 px, same with the bottom, and with the middle make a 500x1 px image and it will repeat its self.

    And the table will look something like this

    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    Lets set the stage on fire, and hollywood will be jealous.

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

    Latest Awards:

    Default

    Quote Originally Posted by Tom743 View Post
    to make a layout expanable it needs to be coded into a big table;

    So..

    HTML Code:
    <table style="width: 500px;" cellpadding="0" cellspacing="0">
    <tr height="20"><td style="background: url('top.gif');"></td></tr>
    <tr><td style="background: url('mid.gif');">
    Your Text Here
    </td></tr>
    <tr height="20"><td style="background: url('bot.gif');"></td></tr>
    </table>
    For the table above you would need to make an image for the top of the layout which is 500x20 px, same with the bottom, and with the middle make a 500x1 px image and it will repeat its self.

    And the table will look something like this

    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    Tables aren't a very good way of coding.
    If you do want to learn to code in tables then this guide is perfect for you but I repeat if you're wanting to be 'professional' then Divs + CSS is the way to go .

Posting Permissions

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