[Tut]Expandable tables

[Ini]

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


Expandable Tables Tutorial

Open FrontPage, and create a new document
Click Code in the bottom left corner, press Ctrl + A then press delete (You could also right click - Select All and press delete)
Go back to design.
On the top menu where it says etc. Go to Table.
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)
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")
That then will appear one your document.
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)
You will now need to go back to the menu at the top, and click table again then go to draw table.
You must draw out the shape for your template. (You must have sliced your layout)
Once you have drawn out each shape add the images. (Do NOT add images until it is drawn out completely)
Only add the tops and bottoms of the boxes you want to expand until the sides are detailed.
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"
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.
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.
Repeat step 15 on the opposite side.
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 :D

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

[Helpie]

Nice (TUT + Rep) Im sure my freind can use this;)

Edit need to spread rep

[hybride]

i have expression web 2007, which is the latest version of frontpage... cant find the "layout and table cells" option in the tables menu

[Ini]

You need Office 2003.

@redtom The bits you want to exand, you need to right click the cell and go to cell properties.

The choose the image you want as a background image.

When you draw the table inside and put the image in you can make it to the size by making the box smaller with the blue outline box.

Hope this helps

[redtom]

You need Office 2003.

@redtom The bits you want to exand, you need to right click the cell and go to cell properties.

The choose the image you want as a background image.

When you draw the table inside and put the image in you can make it to the size by making the box smaller with the blue outline box.

Hope this helps

I made it a background image, and i know about the sizing thing I just saying that could be put in a later guide or rewrite.

It was probley somthing I did wrong some where ells.

[DigitalDeath,]

And a little bit of further help. i havent got frontpage but it might be the same. add cell padding to align your text more accuratly in the cells and it will look better.

[QuickScriptz]

No offense or anything but expanding tables is like the simplest thing ever!!!


<table height="100%">

+Rep anyways!

[Mashi]

Exalanty Tut!

(soz for shift rape)

Also can i adapt this tut and re write for dreamweaver and C-right the source to you

[Jaysir]

That tut sounds good.... I read through the whole thing.. but I can't get frontpage anymore...? so this tut kind of is a bummer for me. ._.

[Ini]

Thanks for all your comments, i wrote this tutorial becuase i always see people asking "Can you Code my layout" where as now if they look they have a rough idea how to code it themselves.

[*]

EW frontpage lol,
nice tut though.

All tables are expandable though :O

[Ini]

Yeh, they need to be..

Just make them the right size and will only expand when you add content

[adamFTW]

Whats the link to download the latest frontpage?

[Ini]

You need to buy microsoft office.

[Black_Apalachi]

On our otehr PC, we have Frontpage - I just started using it today lol :D. It's not on this PC though.

[Ini]

Go on other pc then

Or install office on the one your own

Or download Office 2003 and get a keygen

[LegendOfNoob]

i bought my frontpage :D
if i was gonna use up space with a office i use Open office ;)
Tip:
Look up a way to code with visual web 07 because u can get the basic free with a for dummies book :)

Nice Tut Aswell

[ThisNameWillDo!]

Is there a way to do expandable tables without Frontpage?

- Vince.

[Swearwolf]

nice tut thnx

[Meti]

nice tut

[PixelWill]

Hey, I've got it workin perfectly..

But, how can I get 2 next to eachother without 1 forcing the other to expand when there is no content inside it?

When I try to put two tables next to eachother, it doesn't work, am I going about it the right way?

[Meti]

I'm sorry, but i don't get some of the parts. It would be better with screenies?

[Independent]

Also, Just to make sure that bits don't end up at diffrent height's, use valign="top" in every cell.

I tend to Find & Replace <td to <td valign="top"

xD

Good tut, I already knew this so it didn't really help me.

[shizzle]

I don't have frontpage ;)