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

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

:O Its That Easy? thanks +REP Although Neutral

Quote:

---

Originally Posted by dj-huntey

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

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

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

Quote:

---

Originally Posted by Tom743

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