How???

[riki]

hi,
i would like to make a table (for which the source is down the page) with
the use of CSS...i want to know if every cell has to be block object
absolutely positioned inside <div> that represents a table, or title could
be float: none, picture float:left, and all 4 text fields inside <p> tag
relatively positioned with picture...
or should i use some layout property like table-layout or something else?
can anybody point me to the best solution.
thanks

SOURCE for the table:

<table bgcolor="#FFFFFF" width="250" height="100" cellspacing="2"
cellpadding="2" border="0">
<tr>
<td colspan="2" bgcolor="#FF8080">Title</td>
</tr>
<tr>
<td rowspan="4" bgcolor="#c0c0c0" width="100" align="center"
valign="middle">Picture</td>
<td bgcolor="#FF8080">text1</td>
</tr>
<tr>
<td bgcolor="#FF8080">text2</td>
</tr>
<tr>
<td bgcolor="#FF8080">text3</td>
</tr>
<tr>
<td bgcolor="#FF8080">text4</td>
</tr>
</table>

[Stan Brown]

In article <br**********@ls219.htnet.hr> in
comp.infosystems.www.authoring.stylesheets, riki
<ri******@hotmail.com> wrote:

i would like to make a table
or should i use some layout property like table-layout or something else?
can anybody point me to the best solution.

First question: what's going inside this table? If it's actually
tabular data, then use <table>, <tr><, and the rest.

Many of us rail against _misuse_ of tables. Misuse is using tables
to position unrelated pieces of the page. But no one is saying not
to use tables for legitimate tabular data.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Neal]

"riki" <ri******@hotmail.com> wrote in message
news:br**********@ls219.htnet.hr...

hi,
i would like to make a table (for which the source is down the page) with
the use of CSS...i want to know if every cell has to be block object
absolutely positioned inside <div> that represents a table, or title could
be float: none, picture float:left, and all 4 text fields inside <p> tag
relatively positioned with picture...
or should i use some layout property like table-layout or something else?
can anybody point me to the best solution.
thanks

SOURCE for the table:

<table bgcolor="#FFFFFF" width="250" height="100" cellspacing="2"
cellpadding="2" border="0">
<tr>
<td colspan="2" bgcolor="#FF8080">Title</td>
</tr>
<tr>
<td rowspan="4" bgcolor="#c0c0c0" width="100" align="center"
valign="middle">Picture</td>
<td bgcolor="#FF8080">text1</td>
</tr>
<tr>
<td bgcolor="#FF8080">text2</td>
</tr>
<tr>
<td bgcolor="#FF8080">text3</td>
</tr>
<tr>
<td bgcolor="#FF8080">text4</td>
</tr>
</table>

The first problem I see is that this doesn't appear to really be a table.
Tables are reserved for actual tabular data.

If I'm wrong, and the table application is valid, the next problem is that
depending on font sizes and screen sizes there's no guarantee that the
height of the text will match the height of the image.

Why not use CSS to make a header and float the pic left and the text next to
it?

[riki]

in fact i need this table for laying out tabular data...so i could use the
table for showing data and with the CSS i could arange multiple tables on
one page (i.e. 9 tables per page, 3 horizontaly * 3 verticaly)...is that OK?
and if i would like to page loads faster, should i put property
style="TABLE-LAYOUT:fixed;" inside <table> tag and fix widht and height of
all table cells?