|
Posted by Jonathan N. Little on 01/11/08 00:53
NvrBst wrote:
> Hehe sorry don't have a URL yet...
Well you can upload an example. Use your ISP's personal webspace or some
free server...
I was able to acomplish what I
> want by seperating column 1 and column 2 into 2 seperate tables and
> then putting both tables into a new table. If someone has a more
> elegant solution please tell. Below is how my solution looks like in
> code form if it helps
>
> <table style:"vertial-align: top;"><tr>
> <td> <table><tr><td>*Menu*</td></tr></table> </td>
> <td> <table><tr><td>*Data1*</td></tr><tr><td>*Data2*</td></tr></
> table> </td>
> </tr></table>
>
>
> Using 3 tables isn't that elegant though... This is what I'd like it
> to look like, what it was before (In code form)
> <table>
> <tr>
> <td rowspan="3">*Menu*</td>
> <td>*Data1*</td>
> </tr>
> <tr><td>*Data2*</td></tr>
> <tr><td style="vertial-align:justify;"></td></tr>
> </table>
>
> What doesn't work in the this way is the "vertical-align:justify;"
> line. I've tried setting the cells above it to "height: auto;" (which
> is suppose to give it the min size they can be) and then leaving the
> last cell with no height set but that didn't work either.
1) There is no value "justify" for property "vertical-align". Valid values:
baseline | sub | super | top | text-top | middle | bottom | text-bottom
| <percentage> | <length> | inherit
Anyway if you wish to duplicate your three table layout with one, then
you need colspan 2 not 3
<table>
<tr><td rowspan="2">*Menu*</td><td>*Data1*</td></tr>
<tr><td>*Data2*</td></tr>
</table>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|