Forum Moderators: open

Message Too Old, No Replies

Different cell heights in Frontpage?

Is it possible?

         

mcg321

3:22 am on Feb 23, 2005 (gmt 0)

10+ Year Member



I'm making my template around one, 3-celled table, and I plan on having the contents in the left cell, context in the middle, and AdSense on the right.

Since my left and right columns will stay pretty much the same, is there a way to keep them a certain size while the middle cell can extend to fit varying amounts of text? Thanks.

DerekH

7:50 pm on Feb 23, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If I understand you correctly, you're not asking a Frontpage question but an HTML question.

The bottom edge of a table has to be even, so all three columns must grow downwards.
You don't need to specify a height - browsers will render the table to the minimum height (which is the maximum of the 3 columns).

You may wish to have all cells use a VALIGN='top" tag so that the text stays at the top in those columns that aren't full.

DerekH

mcg321

10:47 pm on Feb 23, 2005 (gmt 0)

10+ Year Member



Yeah, I guess I was asking an HTML-in-Frontpage question. Since I can't have each cell a different length, is there anyway to make 3 tables right next to each other to achieve the same effect?

Any other advice?

Thanks!

DerekH

6:23 pm on Feb 24, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It's getting hard to give good examples now, but maybe this is what you want...
Make a table 3 wide and two deep.
In top left, place your top left content, ditto top right.

In the middle column, do a ROWSPAN to merge together the top and bottom rows into a single monolithic block.

With most browsers (and I have seem some that don't do what I'm about to describe)...
As you load up the centre column with content, the top left and top right will stay put and the bottom left and bottom right will grow down with whatever you've put in there...

The principal thing you must remember about HTML when used at the simple level is that it's block based. You can't leave bits of screen unused, or come back to them later, unless you use CSS or padding cells in tables.

I'm not sure that this helps you much!
Have you tried the W3CSchools tutorials on HTML tables - they're particularly clear and informative. (and free!)
DerekH

mcg321

11:27 pm on Feb 25, 2005 (gmt 0)

10+ Year Member



Thanks for the help.

I started doing it, but what do you mean by "do" a ROWSPAN?

Poppy122

4:31 pm on Feb 26, 2005 (gmt 0)

10+ Year Member



Sometimes the question is a bigger mystery than the solution. What is it you're trying to achieve? Are you having some other problem on the page that makes you want to do this?

The 3-column layout is great. Putting your text content in the center column keeps visitors from trying to read across the page.

Maybe we can help if you give us more information.

mcg321

6:18 pm on Feb 26, 2005 (gmt 0)

10+ Year Member



Sometimes the question is a bigger mystery than the solution. What is it you're trying to achieve? Are you having some other problem on the page that makes you want to do this?
The 3-column layout is great. Putting your text content in the center column keeps visitors from trying to read across the page.

Maybe we can help if you give us more information.

I'm trying to achieve the 3-column layout, but with the end columns being different heights than the center column. I plan on putting the context in the center, and I'm not having any other problems.

I pretty much want this effect that someone got by using CSS, which I am not sure is possible by just using tables:
[ssi-developer.net...]

Poppy122

9:24 pm on Feb 26, 2005 (gmt 0)

10+ Year Member



You can get the same effect using tables. Just change the page background to a darker gray.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
</head>

<body bgcolor="#999999">

<table border="0" cellspacing="1" width="100%" id="table1">
<tr>
<td bgcolor="#CCCCCC" width="160" height="351">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
<td rowspan="2" bgcolor="#FFFFFF">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
<td bgcolor="#CCCCCC" width="160" height="351">&nbsp;</td>
</tr>
<tr>
<td width="185">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
<td width="185">&nbsp;</td>
</tr>
</table>

</body>

</html>

mcg321

1:43 am on Feb 27, 2005 (gmt 0)

10+ Year Member



Ack, I guess I should've mentioned I want a layout like that, but my background won't be a solid color, so changing the cell colors to make it look like they are shorter won't really work. I actually already tried that.

Thanks, though.

Poppy122

5:01 am on Feb 27, 2005 (gmt 0)

10+ Year Member



I can't see what the difference is. If you leave the two cells on "Automatic" they will match the background and still be invisible.