[vox-tech] CSS - positioning two elements in same <td> container

[Joshua Morris]

On 12/11/06, p at dirac.org <p at dirac.org> wrote:
>
> Suppose I have a table cell:
>
>    <table>
>    <tr><td></td></tr>
>    </table>
>
> and I wanted to typeset "foo" and "bar" in the cell.  I want foo to be
> normal size but bar to be small font.   The cell should look like:
>
>
>
> |-----------|
> |           |
> |           |
> |    foo    |
> |           |
> |bar        |
> |-----------|
>
>
> What would the CSS look like?
>
> Thanks!
> _______________________________________________
> vox-tech mailing list
> vox-tech at lists.lugod.org
> http://lists.lugod.org/mailman/listinfo/vox-tech
>


You might try wrapping
the "bar" in a <span> to allow you to reference it.seperate from the table

<table>
   <tr><td>foo<span id=3D"bar">bar</span></td></tr>
</table>


then in your CSS
table {font-size:10pt;}
#bar {font-size:: 8pt;}

Hope this helps,

Joshua Morris
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.lugod.org/pipermail/vox-tech/attachments/20061211/67598b7=
5/attachment.htm