Re: Tables

by "Dusty" <designsbydusty(at)tiadon.com>

 Date:  Wed, 26 Mar 2003 06:24:00 -0600
 To:  <hwg-basics(at)hwg.org>
 References:  p1 dfyh
  todo: View Thread, Original
Okay, I've worked out a partial solution to your problem. Maybe someone else
on the list can figure out the rest.

What I've done is to assign a white background to the body of the page, then
nested a table with a white background and a static width inside a table
with a blue background and a dynamic width. This way the width of the white
area in the center stays the same regardless of the width of the browser.
I'm not sure how to make the height attributes do the same thing, because
the last time I checked, height attributes in tables didn't validate.

<body bgcolor="#FFFFFF">

<table cellpadding="2" cellspacing="2" border="0" width="95%" align="center"
bgcolor="#0E3259">

<tr>

<td align="center">

<table cellpadding="0" cellspacing="0" border="0" width="500" align="center"
bgcolor="#FFFFFF">

<tr>

<td align="center" width="500">

<!-- here is where the content goes -->

<br><br><br><br><br><br><br><br>

<p>Here is a table nested inside another table.</p>

<br><br><br><br><br><br><br><br>

<!-- content stops here -->

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>


HTH,

Dusty

----- Original Message -----
From: "Beauford.2002" <beauford.2002(at)rogers.com>
To: "Dusty" <designsbydusty(at)tiadon.com>
Sent: Tuesday, March 25, 2003 11:06 PM
Subject: Re: Tables


> I did that and it totally screwed things up. Not even close to what I
> wanted.  In order to see what I'm talking about, you may want to save it
and
> look at it in your browser. You will see a blue border surrounds a white
> middle - I want the middle to stay static - so when you maximize your
screen
> the blue borders will be bigger, but the middle stays the same.
>
> Thanks
>
>
> ----- Original Message -----
> From: "Dusty" <designsbydusty(at)tiadon.com>
> To: "Beauford.2002" <beauford.2002(at)rogers.com>; "HWG Basics"
> <hwg-basics(at)hwg.org>
> Sent: Tuesday, March 25, 2003 9:51 PM
> Subject: Re: Tables
>
>
> > Hello....
> >
> > You could specify the size of the middle box in pixels, rather than
> > percentages. If you wanted the three tables to display one beside the
> other,
> > horizontally, I would nest them all in a larger table. But that's just
my
> > take on it. Someone else may have another idea.
> >
> > Dusty
> >
> > ----- Original Message -----
> > From: "Beauford.2002" <beauford.2002(at)rogers.com>
> > To: "HWG Basics" <hwg-basics(at)hwg.org>
> > Sent: Tuesday, March 25, 2003 7:57 PM
> > Subject: Tables
> >
> >
> > > Hi,
> > >
> > > Given the code below, how do I make it so the middle box is always the
> > same
> > > size. So when a user maximizes their browser, the middle box won't
> change,
> > > but the borders will expand. I'm not that good with tables, and these
> > things
> > > always baffle me -  or do I even have it right to start with....
> > >
> > > Thanks
> > >
> > > <TABLE WIDTH=100% HEIGHT=10% cellpadding="0" cellspacing="0"
> > > BGCOLOR="#0E3259">
> > > <TR VALIGN=top><TD>
> > > </TD></TR>
> > > </TABLE>
> > >
> > > <TABLE WIDTH=100% cellpadding="0" cellspacing="0">
> > > <TR>
> > > <TD>
> > > <TABLE WIDTH=100% cellpadding="0" cellspacing="0">
> > > </TD>
> > > <TD VALIGN=top ALIGN=left WIDTH=5% BGCOLOR="#0E3259"></TD>
> > > <TD VALIGN=top ALIGN=left WIDTH=90%>
> > >
> > > <BR><BR><BR><BR><BR><BR>.... Bunch of stuff goes
> > > here....<BR><BR><BR><BR><BR><BR>
> > >
> > > </TD>
> > > <TD VALIGN=top ALIGN=right WIDTH=5% BGCOLOR="#0E3259"></TD>
> > > </TR>
> > > </TABLE></TABLE>
> > >
> > > <TABLE WIDTH=100% HEIGHT=10% cellpadding="0" cellspacing="0"
> > > BGCOLOR="#0E3259">
> > > <TR VALIGN=top>
> > > <TD>
> > > </TD></TR>
> > > </TABLE>
> > >
> > >
> > >
> >
> >
>
>
>

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA