[CODING] Coding help [CODING]

[Lee]

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 ..

[--ss--]

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 ;).

[Lee]

:O Its That Easy? thanks +REP Although Neutral

[--ss--]

:O 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 ;).

[Decode]

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

So..


<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

___________________________________________
|................................................. ...................|
|................................................. ...................|
___________________________________________
|................................................. ...................|
|................................................. ...................|
|................................................. ...................|
|................................................. ...................|
|................................................. ...................|
|................................................. ...................|
|................................................. ...................|
___________________________________________
|................................................. ...................|
|................................................. ...................|
___________________________________________

[--ss--]

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

So..


<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 (http://www.habboxforum.com/showthread.php?t=313936) guide is perfect for you but I repeat if you're wanting to be 'professional' then Divs + CSS is the way to go ;).