By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,250 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

How???

P: n/a
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>
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
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/
Jul 20 '05 #2

P: n/a
"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?
Jul 20 '05 #3

P: n/a
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?
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.