PDA

View Full Version : Expandable Tables [IF YOU CAN DO THESE READ]


Urges
18-03-2006, 04:46 PM
Hey guys,

I need a website layout coded, 3 tables need expandable tables added. Is there anybody at all who can do this for me?

I will give him or her 7 hc's and some other rares.

Thanks,

Chris
Mentor
18-03-2006, 07:17 PM
The difference between exspanding tables and normal tables is whether you write the widths in % or px ... it aint some amaisng new skill.

Plus 3 tables would be pointless as it would be wastful and do nothing
<div> top </div>
<div> middle </div>
<div> bottom </div>

Would be the css equivelnet.... without any css...

Or did you not mean 3 tables but insted 3 collom table, in which case i cant see how haveing the left and right coloms exspandable would server much use, as youd loose content, probaly best to set both left and right colums with values, (force holding by shoveing an invisable image in) then leave the center one valueless, or at 100% "/
Urges
19-03-2006, 12:06 AM
Basically,

I want the Navigator, Main content box and Updates box to expand for the amount of text put in them.

Chris
Mentor
20-03-2006, 01:31 PM
... Youd actaly need a considerable amount of codeing to STOP them from doing that, seeing as thats the defult behavior....
Flisker
20-03-2006, 01:42 PM
for www.habboxs.com Right? this is for
Webhamster
20-03-2006, 01:44 PM
Sounds like it is, ;)
Encryptions!
21-03-2006, 08:10 AM
Why don't you just use this code and modify it?




<html>
<head>
<style type="text/css">
<!--

.banner{
width: px; // Enter the width
padding: 5 5 5 5;
margin-right: auto;
margin-left: auto;
border: 1px solid #color
}

.nav{
width: px;
padding: 5px 5px 5px 5px;
margin-top: 5px;
}

.content{
width: px;
padding: 5px 5px 5px 5px;
margin-top: 5px;
margin-left: 5px;
}

</style>
</head>
<body>
<div class="banner"></div>
<div class="nav"></div>
<div class="contetn"></div>



I think thats right, I just wizzed through it though.
nets
21-03-2006, 05:21 PM
<table width="1000px" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: top" width="250px">Nav</td>
<td style="vertical-align: top" width="500px">Content</td>
<td style="vertical-align: top" width="250px">Left</td>
</tr>
</table>

Want to hide these adverts? Register an account for free!