Tables (Not Layout) Help. Mentor Please Read :D

[iRoss]

Hey,

You know how u can make tables get bigger as the image expands, say for instane like a fold out menu ?

Like on www.thybag.co.uk mentor ;)

Thanks :eusa_pray

[Mentor]

image exspands?

tables can be made resisebale, by usesing 100% plus will exspland to fit content by defult.

if you mean teh opening and closeing of the segments. i do that by just having the content within them in a div tag, and usieng javascript to display and hide them

?

[iRoss]

100% plus?

i meen how it gets bigger when u expand the options on the nav

[:Blob]

So you mean when you click on one word on the nav, it comes up with text under it? like habbox.com nav?

[iRoss]

Yes, but on thybag the image gets bigger, thats what i meen.

[:Blob]

Oooo that. So when you click open / close the main bit goes bigger?

[iRoss]

noo,the image expandsim not talking about when u can open and close the whole menu, im talking about when u click an option the image gets bigger with the selection...

[splintercell!]

:o I get you... erm maybe you could just try using a dhtml dropdown menu.. www.dynamicdrive.com ;)

[Mentor]

oh you mean how the table get longer to fit the exspaned nav?

Insted of putting an image in the sides, i put the image as a background so it repeats.

[iRoss]

Yes, i thought you did. But then if it repeats wouldn't it show the top Of the nav again because it's in the background and it repeats, and if u have set it not 2 repeat then it would show white wouldn't it? Or the background colour of the page?

[Mentor]

my layouts not a singe image, each one of the side bit contains,, 4 parts. which are in a table.

The to big bits are the top and bottom, then the side bits one for each wich repate to the lengh of ther own tables

[splintercell!]

this Is how you want to make it :) Its easy just create your box and slice it.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img src="top"></td>
</tr>
<tr>
<td width="100%" background="backgroundname"></td>
</tr>
<tr>
<td width="100%"><img src="bottom.gif"></td>
</tr>
</table>

thats it I think :) Its the easiest way..

[Mentor]

this Is how you want to make it :) Its easy just create your box and slice it.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><img src="top"></td>
</tr>
<tr>
<td width="100%" background="backgroundname"></td>
</tr>
<tr>
<td width="100%"><img src="bottom.gif"></td>
</tr>
</table>

thats it I think :) Its the easiest way..

simlar exspet i have a more complex table, with 3 rows, and 3 collms in the middle but only one at the top and bottom




<table border="1">
<tr>
<td colspan="3"><img src="bottom.gif"></td>
</tr>
<tr>
<td width="10" background="bkg url"></td>
<td bgcolor="#0000FF">contnet </td>
<td width="10" background="bkg url"></td>
</tr>
<tr>
<td colspan="3"><img src="bottom.gif"></td>
</tr>
</table>

[splintercell!]

How will that work? Would you need 3 colums in each one so use corners etc?

[Mentor]

the top image is solid (conatins corners), and so is the bottom one, athogh the center tables as they need to exspanmd both ways conatin 8 images, aka, top bottom, sides, as well as the for coreners etc

[iRoss]

Cheers Lads :)