[Tut]Expandable tables

[Ini]

I made a basic tutorial to code your layout in expandable tables in frontpage.


Expandable Tables Tutorial

1. Open FrontPage, and create a new document
2. Click Code in the bottom left corner, press Ctrl + A then press delete (You could also right click - Select All and press delete)
3. Go back to design.
4. On the top menu where it says etc. Go to Table.
5. There should be an option "Layout tables and cells". If not try clicking the 2 Arrows at the bottom of the menu. ( if still doesn't appear your version of FrontPage is not recent enough)
6. Once you have clicked it you get a menu bar open on your right hand side. Click the second one on the right (Next to the one that says "No Layout")
7. That then will appear one your document.
8. Change the dimensions, to 750x500. (If you want your layout in the middle of the page, click the table and press the centre button. (The text centre button)
9. You will now need to go back to the menu at the top, and click table again then go to draw table.
10. You must draw out the shape for your template. (You must have sliced your layout)
11. Once you have drawn out each shape add the images. (Do NOT add images until it is drawn out completely)
12. Only add the tops and bottoms of the boxes you want to expand until the sides are detailed.
13. If the sides are plain and just black lines, then go to table "Layout tables and Cells" when that opens on the right, at the top it should say "cell formatting"
14. Click on "Cell Formatting" and go down to borders, change the colour to what you want and click on the images for left and right sides.
15. If you have detailed images slices the off the template and make another table inside and the Right Click go to Cell Properties, when that opens go to the format tab
    and find the images of that you sliced. (You have saved it). This will set the image as the cell background.
16. Repeat step 15 on the opposite side.
17. You you have pasted all your images of your template, your coding is complete and the tables will now expand.

This tutorial was by Chris, please do not rip this and call it your own.
If you have any question PM Randomer on HabboxForum.com.
Thanks
Chris.



Edited by Bomb-Head (Forum Moderator): Moved to Web Designing Tutorials, nice work

[Jackbee]

Fantastic!!! +rep

[Mr.OSH]

Thats good +rep!

[Ini]

Thanks

[Derivatious]

Thanks so much for that tut, i was about to ask someone for it myself but now i assume i dont haveto, the only thing is, my site has fairly complicated parts and bit that would take ages to put in seperate cells, is there anyway round having to make awquard (can't spell lol ) cells

[Recursion]

This is a shame, when i installed MS Office 2007 it deleted front page from my office 2003???

[myke]

damn! I don't own frontpage

[headboard]

nice tut!

[Isolde]

Nice tut, +rep !

[redtom]

I found it easy to follow but when it comes to drawing the tables you just said to do it, not how you get the sizes of your images or anything like that (what most people would know but some dont), also my finished product did not expand properly.