I don't mess with tables much, but what i would try is setting the cell_b width and height %.
I have no idea really! I gave up tables when i got hooked on CSS /wink.gif" style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" />
Tables...
October 13, 2005 - 8:25pm
I don't mess with tables
October 14, 2005 - 12:20am
Joe, don't drop tables
Joe, don't drop tables entirely, just avoid using them for layout. For presenting data and other tabular information, they are the best!
hunter121: try setting the width of cell_b to a high %, like 95% (even 100 might work).
October 14, 2005 - 12:11pm
Joe, don't drop tables
QUOTE
Joe, don't drop tables entirely, just avoid using them for layout. For presenting data and other tabular information, they are the best!
exacly!
October 14, 2005 - 12:13pm
tables are good for eating
tables are good for eating dinner. you can put plates and glasses and all kinds of cool stuff on them.
October 14, 2005 - 12:16pm
oh yeah! LOL! /laugh.gif"
oh yeah! LOL! /laugh.gif" style="vertical-align:middle" emoid=":lol:" border="0" alt="laugh.gif" />
October 14, 2005 - 1:07pm
well when i define the width
well when i define the width of "cell_b" as 100% it seems to coverup the other cells. I'll try it again because i may have done it a little rashly.
October 14, 2005 - 9:28pm
I copied and pasted the HTML
I copied and pasted the HTML and CSS into my webeditor, made the border show by 1px so I could see it, and removed that '???' width, and it resized just fine. Try removing the width property entirely from the .cell_b style.
Well, actually it isn't a "pressing" question per se.
Alright, I have a table that is built by the following code:
<tr>
<td class="cell_a"> </td>
<td class="cell_b"> </td>
<td class="cell_c"> </td>
</tr>
</table>
with the accompanying CSS:
height: 150px;
width: 100%;
}
.cell_a {
background-image: url(images/pic1.jpg);
background-repeat: no-repeat;
background-position: center || right;
width: 230px;
}
.cell_b {
background-image: url(images/middle_pic.jpg);
background-repeat: no-repeat;
background-position: center || center;
width: ???;
}
.cell_c {
background-image: url(images/pic3.jpg);
background-repeat: no-repeat;
background-position: center || left;
width: 230px;
}
How do i set "cell_b" to be such that it will expand in size as the viewer resizes his/her window and yet not interfere with the "cell_a" and "cell_c"? And by that i mean that those two cells don't resize (because their widths are defined already).
Perhaps the answer is really obvious and i am missing it.
---Favorite Sites---
Angelworld 8: Link - Incredible use of Flash and PHP
Facebook: Link - Nice use of AJAX and well developed back-end.