|
|
|
|
| Steve Pugh 2005-01-20, 7:23 pm |
| 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/>
| |
| C A Upsdell 2005-01-20, 7:23 pm |
| 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.
| |
| Mr.Clean 2005-01-21, 12:17 pm |
| 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!!!!
| |
| Harlan Messinger 2005-01-21, 12:17 pm |
| 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"?
| |
| Mr.Clean 2005-01-21, 7:21 pm |
| 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>
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |