How to allow a table to "grow"?

#188

Author: Michael_J_Webb
Date: Fri, 20 Feb 2009 16:53

17 lines
1991 bytes

Using GoLive CS; I'm very much a beginner.
===============

I've created a master page for our site template. It has a background, with a table (created from a layout grid) centered on it. Banner at the top, a navigation menu (from MenuMachine) on the left, a large region in the center for content, and a very small table at the bottom of the main table containing the copyright, etc. info.

What I want to happen is for the main table to grow based on the amount of content in the editable region. I read the Help and it convinced me to convert the layout grid to a table to accomplish this. However, when I test this, I find the editable region is the only editable region and the background "swatch" are the only items that grew.

I'm sure it must be the small 'copyright, etc.' table at the bottom that is the problem. Is there a way to merge it with the main table so that the aggregate will then grow with the content?

Also, any suggestions on how to maintain a maximum width for the editable region? For example, I dumped a bunch of test text in it and it expanded well to the right. It'd be nice to have it auto-word wrap. (I can use the other parts of CS to re-size charts and pictures.)

Many thanks in advance!

Mike Webb
Platte River Whooping Crane Mainenance Trust, Inc.
a conservation non-profit organization (IRS 501(c)(3))
Wood River, NE

Re: How to allow a table to "grow"?

#190

Author: Michael_J_Webb
Date: Sat, 21 Feb 2009 20:39

56 lines
1603 bytes

Sorry - should have thought of that myself. Here's the code:



		<menumachine name="main_menu" id="Tmp00842498Tmp00414CDCm3ztti1v"><csobj t="Component" csref="menumachine/main_menu/menuspecs.menudata">

Site Navigation <menumachine/main_menu/navigation.html>
						 </csobj>
				</menumachine>
			
				
					<menumachine name="main_menu" id="Tmp00414CDCm3ztti1v">
						<csobj t="Component" csref="menumachine/main_menu/menuspecs.menudata"> 								

Site Navigation <menumachine/main_menu/navigation.html>
							 </csobj>
						
						
						
					</menumachine>
				
				
					
				
					
						
					

					
						
						Copyright � 2009 -- 6611 W. Whooping Crane Dr., Wood River, NE 68883 -- ph. 308-384-4633 -- fax 308-384-7209
						
						
					

					
						
						
						
						
					

				

			
				
 Copyright � 2009 -- 6611 W. Whooping Crane Dr., Wood River, NE 68883 -- ph. 308-384-4633 -- fax 308-384-7209

Re: How to allow a table to "grow"?

#189

Author: Murray
Date: Sun, 22 Feb 2009 02:12

7 lines
940 bytes

Mike:

Can you post a link to your page, please?  A glance at your page's code will 
tell us exactly what is going on - otherwise we have to guess....

-- 
Murray

Re: How to allow a table to "grow"?

#191

Author: Kath_Howard3
Date: Sun, 22 Feb 2009 08:20

1 lines
741 bytes

No. you can't just put the code in a message - see instructions in the grey box at the top of the page. What we really need is a live link to your uploaded page.

Re: How to allow a table to "grow"?

#192

Author: LenHewitt
Date: Sun, 22 Feb 2009 08:44

64 lines
5488 bytes

And here is what Michael thought he was posting:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><!-- #BeginTemplate "../web-data/Templates/Master.html" --><head>
			<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
			<meta name="generator" content="Adobe GoLive">
			<title>Platte River Whooping Crane Maintenance Trust, Inc. - Home Page</title>
			<style type="text/css" media="screen"><!--
#layer1 { visibility: visible; position: absolute; top: 180px; left: 271px; width: 363px; height: 546px }
#Menu { visibility: visible; position: absolute; top: 180px; left: 85px; width: 155px; height: 514px }
--></style>
			<!-- #BeginHeadLocked "" -->
				<style type="text/css" media="screen"><!--
#Tmp00842498Menu { visibility: visible; position: absolute; top: 180px; left: 85px; width: 155px; height: 514px }
--></style>
			<!-- #EndHeadLocked -->
		</head>

		<body background="images/bg.gif" leftmargin="50" marginheight="50" marginwidth="50" topmargin="50"><div id="Tmp00842498Menu"><menumachine name="main_menu" id="Tmp00842498Tmp00414CDCm3ztti1v"><csobj t="Component" csref="menumachine/main_menu/menuspecs.menudata"><noscript><p><a class="mm_no_js_link" href="menumachine/main_menu/navigation.html">Site Navigation</a></p>
						</noscript> </csobj> <script type="text/javascript"><!--
var mmfolder=/*URL*/"menumachine/",zidx=1000;
//--></script><script type="text/javascript" src="menumachine/menumachine2.js"></script><script type="text/javascript" src="menumachine/main_menu/menuspecs.js"></script>
				</menumachine>
			</div><!-- #BeginEditable "Editable%20Area%20of%20Page" -->
				<div id="Menu">
					<menumachine name="main_menu" id="Tmp00414CDCm3ztti1v">
						<csobj t="Component" csref="menumachine/main_menu/menuspecs.menudata"><noscript>
								<p><a class="mm_no_js_link" href="menumachine/main_menu/navigation.html">Site Navigation</a></p>
							</noscript> </csobj>
						<script type="text/javascript"><!--
var mmfolder=/*URL*/"menumachine/",zidx=1000;
//--></script>
						<script type="text/javascript" src="menumachine/menumachine2.js"></script>
						<script type="text/javascript" src="menumachine/main_menu/menuspecs.js"></script>
					</menumachine>
				</div>
				<div id="layer1">
					</div>
				<table border="0" cellspacing="0" cellpadding="0" bgcolor="white" cool gridx="16" gridy="16" showgridx showgridy width="601" height="691" align="center">
					<tr height="669">
						<td width="601" height="669" colspan="4" valign="top" align="left" xpos="0"><img src="images/Banner.png" alt="" width="603" height="94" align="middle" border="0"></td>
					</tr>
					<tr height="21">
						<td width="78" height="21"><spacer type="block" width="78" height="21"></td>
						<td content csheight="21" width="445" height="21" valign="top" align="center" xpos="78"><font size="-4" face="Verdana, Arial, Helvetica, sans-serif">Copyright � 2009 -- 6611 W. Whooping Crane Dr., Wood River, NE 68883 -- ph. 308-384-4633 -- fax 308-384-7209</font></td>
						<td width="77" height="21"><spacer type="block" width="77" height="21"></td>
						<td width="1" height="21"><spacer type="block" width="1" height="21"></td>
					</tr>
					<tr height="1" cntrlrow>
						<td width="78" height="1"><spacer type="block" width="78" height="1"></td>
						<td width="445" height="1"><spacer type="block" width="445" height="1"></td>
						<td width="77" height="1"><spacer type="block" width="77" height="1"></td>
						<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
					</tr>
				</table>
			<!-- #EndEditable --><table border="0" cellspacing="0" cellpadding="0" bgcolor="white" cool gridx="16" gridy="16" showgridx showgridy width="601" height="691" align="center"><tr height="669"><td width="601" height="669" colspan="4" valign="top" align="left" xpos="0"><img src="images/Banner.png" alt="" width="603" height="94" align="middle" border="0"></td>
				</tr><tr height="21"><td width="78" height="21"><spacer type="block" width="78" height="21"></td><td content csheight="21" width="445" height="21" valign="top" align="center" xpos="78"><font size="-4" face="Verdana, Arial, Helvetica, sans-serif">Copyright � 2009 -- 6611 W. Whooping Crane Dr., Wood River, NE 68883 -- ph. 308-384-4633 -- fax 308-384-7209</font></td><td width="77" height="21"><spacer type="block" width="77" height="21"></td><td width="1" height="21"><spacer type="block" width="1" height="21"></td>
				</tr><tr height="1" cntrlrow><td width="78" height="1"><spacer type="block" width="78" height="1"></td><td width="445" height="1"><spacer type="block" width="445" height="1"></td><td width="77" height="1"><spacer type="block" width="77" height="1"></td><td width="1" height="1"><spacer type="block" width="1" height="1"></td>
				</tr>
			</table>
		</body>

	<!-- #EndTemplate -->

</html>

Re: How to allow a table to "grow"?

#194

Author: Michael_J_Webb
Date: Sun, 22 Feb 2009 20:12

6 lines
895 bytes

I don't have it uploaded. I'm building then site. Guess I'll just duplicate the template and create a master for each page so each has enough room for that page's content.

I'll come back to it in a couple weeks and work on this issue; right now I need to get the site up.

Thanks anyway,
Mike

Re: How to allow a table to "grow"?

#193

Author: Murray
Date: Sun, 22 Feb 2009 20:21

5 lines
989 bytes

Other than oodles of invalid HTML, there is nothing there that would prevent 
that table from 'growing' as content is added to it.

-- 
Murray

Re: How to allow a table to "grow"?

#195

Author: Kath_Howard3
Date: Sun, 22 Feb 2009 21:34

1 lines
650 bytes

Let us know when you have it uploaded, it will be much easier to help.

Re: How to allow a table to "grow"?

#202

Author: JohnDonaldson
Date: Tue, 24 Feb 2009 00:10

15 lines
1851 bytes

Michael,

You have not removed all the layout grids used to construct that page. There are two remaining. If you want to get a better idea of what's going on, you will also need to remove those. You are also using layers in the page, which certainly do not possess any of the "elastic" qualities of HTML tables. I suspect the layers may be part of the problems you are encountering. They will operate entirely independent of the table, because they use CSS rather than HTML. There isn't much point going into technicalities if you are a beginner as you say, but the main point to remember is that the position and size of "layers" is going to be independent from and unrelated to the tables you think they are "in".

Remove the nested grids, and if you want to construct the page layout using tables:

1) Don't use layout grids.
2) Try to simplify the tables as much as possible. Try not to nest tables one inside another.
3) Do not mix tables and layers together. They aren't based on the same principles and don't play well together, even when you know very well how both work.

You might also want to start looking into using CSS rather than tables for laying out web pages. There are worse places to start than:

 <http://www.w3schools.com/css/>

John

Re: How to allow a table to "grow"?

#3

Author: Michael_J_Webb
Date: Tue, 24 Feb 2009 14:09

3 lines
660 bytes

Great post, thanks! This gives me the direction and feedback I needed.

Mike

🚀 go-pugleaf

Thread View: adobe.golive.windows

How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Re: How to allow a table to "grow"?

Thread Navigation