|
Posted by dorayme on 01/11/08 01:12
In article
<af3bdd8c-4cfd-4045-b1b5-1aefa6504a1e@y5g2000hsf.googlegroups.com
>,
NvrBst <nvrbst@gmail.com> wrote:
> On Jan 10, 4:13 pm, dorayme:
> > Excuse me while I pray:
> >
>
> Hehe sorry don't have a URL yet... 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.
>
This the sort of thing you want:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
table {border-collapse: collapse;}
td {padding: 1em; border:1px solid;}
h1 {font-size: 1.2em; margin-top: 0; padding-top: 0;}
</style>
</head>
<body>
<table>
<tr>
<td rowspan="2" >
<h1>Menu</h1>
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
</ul>
</td>
<td>*Data1*</td></tr>
<tr><td>*Data2*</td></tr>
</table>
</body>
</html>
?
I don't see why I should be the sucker all the time who supplies
the urls <g>
--
dorayme
[Back to original message]
|