michaelwpayton
Posts: 18
|
Posted: 03/22/2007, 1:43 PM |
|
Newbie question here, as if that won't be apparent.
I'm having trouble simply placing two Forms, side-by-side, on a single Page. The IDE seems to want to "stack" the Forms, one on top of the other. It also seems to want each Form to the same width, and that width is the entire workarea.
Any hints or pointers to the documentation I need to study will be greatly appreciated.
Thanks!
|
|
|
wkempees
|
Posted: 03/22/2007, 2:11 PM |
|
In Design mode, looking at your Page containing the tho 'stacked' Forms
Place cursor in top left corner or at least before the First Form.
From the menu click the Table Create button, choose (at least) 1 row 2 cell.
It will display a table like glyph.
Now using the mouse select first form and drag it into the left cell, then
select the next form and drag it into the second cell.
That's all folks
Can be done in HTML mode as well........
Walter
|
|
|
michaelwpayton
Posts: 18
|
Posted: 03/22/2007, 3:44 PM |
|
Thanks, I have the three Forms, side-by-side, on a single Page!
Now, I have new challenge.
Each Form is a Grid, consisting of a single field, from a single record. I need the Page to end up looking like a "typical" 3 column Web page. I'm getting close, but the first col is a little wider than second and third, which are the same size. Also, all together, the three cols do not fill out my browser window.
I've played with different combos of width settings, table, td, tr, etc... but I can't get all three cols the same width and the sum of all three cols to fill out my browser window.
Any help would be appreciated.
|
|
|
wkempees
Posts: 1679
|
Posted: 03/22/2007, 3:54 PM |
|
This is the HTML Table challenge.
Basically you need to know a few things, and CCS supports this, as I made them implement it during the CCS3 Beta period:
<table width="100%"> will fill the screen, you could also use 98% and align="center" or any other size you like.
<tr> will define the row
<td></td> will define the cell
But you know this of course
Now to make three same width colums, I would use width= "33%" for each <td>
defining a 3 columnar table, sizing itself according to the browser width.
Also this will work:
<td width="200px"> </td><td width="200px"> </td><td width="200px"> </td><td width="*"> </td>
The "*" will eat up the remaining space within the table
normaly used in a 200,*,200 combination to set the left and right column to fixed width and vary the center column.
Oh well, so many methods and possibilities
But you must also study the BOX model of tables, there are various other parameters to make up a near-perfect model.
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
wkempees
|
Posted: 03/22/2007, 4:07 PM |
|
<table width="100%">
<tr><td align="center">
<table width="98%">
<tr>
<td width="33%" align="left|center|right"> your 1st grid/form
here</td>
<td width="33%" align="left|center|right"> your 2nd grid/form
here</td>
<td width="33%" align="left|center|right"> your 3rd grid/form
here</td>
<tr>
<table>
</td></tr>
</table>
assumptions:
your grids are of equal width, or at least the widest fits within the
column!
non blanking space to cater for empty columns.
Walter
|
|
|
michaelwpayton
Posts: 18
|
Posted: 03/23/2007, 4:51 AM |
|
Thanks guys. Hopefully I will be able to contribute to, rather than just take from, this forum one day.
|
|
|
|