Is there a way to make a TD lood 3D like in this screen shot:
http://65.98.67.10/~austin1/TStringGrid.jpg

I want to emulate the grid in the screenshot.

Mr.Clean <mrclean@p&g.com> wrote:

>Is there a way to make a TD lood 3D like in this screen shot:
>http://65.98.67.10/~austin1/TStringGrid.jpg
>
>I want to emulate the grid in the screenshot.

border-style: outset; should be the first thing to try. My screen's a
bit buggered at the moment so I can't make out all the details of the
pic.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie."  - The Doctor

Steve Pugh        <steve@pugh.net>        <http://steve.pugh.net/>

Mr.Clean wrote:
> Is there a way to make a TD lood 3D like in this screen shot:
> http://65.98.67.10/~austin1/TStringGrid.jpg
>
> I want to emulate the grid in the screenshot.
>

For example, as in:

http://www.upsdell.com/mmba/2004/Mi...mes.htm#regular

You just have to make the left and top borders a lighter colour than the
right and bottom borders on each cell.  You may also wish to to set the
table left and top borders the same colours as the cell right and bottom
borders.

Simple with CSS.

In article <h1e0v01rmb4crd763q4f2cgffdb5s2dter@4ax.com>, steve@pugh.net
says...
> Mr.Clean <mrclean@p&g.com> wrote:
> 
>
> border-style: outset; should be the first thing to try. My screen's a
> bit buggered at the moment so I can't make out all the details of the
> pic.

oooh, nasty!!!!

Mr.Clean wrote:
> In article <h1e0v01rmb4crd763q4f2cgffdb5s2dter@4ax.com>, steve@pugh.net
> says... 
>
> oooh, nasty!!!!

Is that, like, the latest counterintuitive hip-hop word for "good"?

In article <35cn48F4kqahaU1@individual.net>,
hmessinger.removethis@comcast.net says...
> Mr.Clean wrote: 
>
> Is that, like, the latest counterintuitive hip-hop word for "good"?
>
'fraid not.

Took the other suggestion and am working on it...looks good
just can't get it to scroll if rows*rowheight > table height.

Note: please do not berate me for using absolute pixel values. This is
supposed to look as close to the form from a windows program as
possible.


CSS:
.gridtable {
border:1px solid #000000;
height:149px;
width:342px;
overflow-x: scroll;
}
.fixedcell {
height:30px;
padding:0 2 0 2px;
background-color:#C2BFA5;
border-left:1px solid #E1E0D2;
border-top:1px solid #E1E0D2;
border-right:1px solid #8D8961;
border-bottom:1px solid #8D8961;
}
.gridcell {
height:30px;
background-color:#ffffff;
padding:0 2 0 2px;
border-right:1px solid #C0C0C0;
border-bottom:1px solid #C0C0C0;
}


<table cellspacing="0" cellpadding="0" class="gridtable">
<thead>
<tr>
<th class="fixedcell">Header1</th>
<th class="fixedcell">Header2</th>
<th class="fixedcell">Header3</th>
<th class="fixedcell">Header4</th>
<th class="fixedcell">Header5</th>
</tr>
</thead>
<tr>
<td width="64" class="fixedcell">Cell11</td>
<td width="64" class="gridcell">Cell12</td>
<td width="64" class="gridcell">Cell13</td>
<td width="64" class="gridcell">Cell14</td>
<td width="64" class="gridcell">Cell15</td>
</tr>
<tr>
<td width="64" class="fixedcell">Cell21</td>
<td width="64" class="gridcell">Cell22</td>
<td width="64" class="gridcell">Cell23</td>
<td width="64" class="gridcell">Cell24</td>
<td width="64" class="gridcell">Cell25</td>
</tr>
<tr>
<td width="64" class="fixedcell">Cell31</td>
<td width="64" class="gridcell">Cell32</td>
<td width="64" class="gridcell">Cell33</td>
<td width="64" class="gridcell">Cell34</td>
<td width="64" class="gridcell">Cell35</td>
</tr>
<tr>
<td width="64" class="fixedcell">Cell41</td>
<td width="64" class="gridcell">Cell42</td>
<td width="64" class="gridcell">Cell43</td>
<td width="64" class="gridcell">Cell44</td>
<td width="64" class="gridcell">Cell45</td>
</tr>
<tr>
<td width="64" class="fixedcell">Cell51</td>
<td width="64" class="gridcell">Cell52</td>
<td width="64" class="gridcell">Cell53</td>
<td width="64" class="gridcell">Cell54</td>
<td width="64" class="gridcell">Cell55</td>
</tr>
<tr>
<td width="64" class="fixedcell">Cell61</td>
<td width="64" class="gridcell">Cell62</td>
<td width="64" class="gridcell">Cell63</td>
<td width="64" class="gridcell">Cell64</td>
<td width="64" class="gridcell">Cell65</td>
</tr>
</table>