unacceptable usage of table?

[gerrymcc]

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. I've been visiting this newsgroup
for a few weeks now, so I expect the following is unacceptable style:

<table align="center">
<tr><th>figure 1</th><th>figure 2</th><th>figure 3</th></tr>
<tr><td><img src="consLig.gif"></td><td><img
src="dissLig.gif"></td><td><img src="uniLig.gif"</td></tr>
<tr><td align="center">consonant ligatures</td><td
align="center">dissonant ligatures</td><td align="center">consecutive
unisons</td></tr>
</table>

Unfortunately I haven't been able to find out how to use CSS to
achieve this effect. What sites provide a good model, or tutorial?

Thanks very much for any help,
Gerard

 

[Sid Ismail]

On Thu, 23 Oct 2003 19:17:38 GMT, (e-mail address removed) wrote:

: Hello, I want to display several pictures with a word or two of
: explanatory text underneath each. I've been visiting this newsgroup
: for a few weeks now, so I expect the following is unacceptable style:
:
: <table align="center">
: <tr><th>figure 1</th><th>figure 2</th><th>figure 3</th></tr>
: <tr><td><img src="consLig.gif"></td><td><img
: src="dissLig.gif"></td><td><img src="uniLig.gif"</td></tr>
: <tr><td align="center">consonant ligatures</td><td
: align="center">dissonant ligatures</td><td align="center">consecutive
: unisons</td></tr>
: </table>
:
: Unfortunately I haven't been able to find out how to use CSS to
: achieve this effect. What sites provide a good model, or tutorial?


Stick with it - 'tis fine! Tables are lovely for this, 'cause it shows up
the same way in all browsers...

Sid

 

[Adrienne]

Gazing into my crystal ball I observed (e-mail address removed) writing in

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. I've been visiting this newsgroup
for a few weeks now, so I expect the following is unacceptable style:

<table align="center">
<tr><th>figure 1</th><th>figure 2</th><th>figure 3</th></tr>
<tr><td><img src="consLig.gif"></td><td><img
src="dissLig.gif"></td><td><img src="uniLig.gif"</td></tr> <tr><td
align="center">consonant ligatures</td><td
align="center">dissonant ligatures</td><td align="center">consecutive
unisons</td></tr>
</table>

Unfortunately I haven't been able to find out how to use CSS to
achieve this effect. What sites provide a good model, or tutorial?

Thanks very much for any help,
Gerard

<div style="text-align:center; float:left; margin-right:1em">
Figure 1<br>
<img src="yourimg.gif" alt="image description"><br>
Image description
</div>
<div style="text-align:center; float:left; margin-right:1em">
Figure 2<br>
<img src="yourimg.gif" alt="image description"><br>
Image description
</div>
<div style="text-align:center; float:left">
Figure 3<br>
<img src="yourimg.gif" alt="image description"><br>
Image description
</div>

 

[Toby A Inkster]

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. [snippage]
Unfortunately I haven't been able to find out how to use CSS to
achieve this effect. What sites provide a good model, or tutorial?

West still hasn't come up with a come-back for this:

http://www.goddamn.co.uk/tobyink/scratch/css-centre-aligned-thumbs-6.html

There are various similar things, screenshots etc that you can find here:

http://www.goddamn.co.uk/tobyink/scratch/

 

[m]

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. I've been visiting this newsgroup
for a few weeks now, so I expect the following is unacceptable style:

<table align="center">
<tr><th>figure 1</th><th>figure 2</th><th>figure 3</th></tr>
<tr><td><img src="consLig.gif"></td><td><img
src="dissLig.gif"></td><td><img src="uniLig.gif"</td></tr>
<tr><td align="center">consonant ligatures</td><td
align="center">dissonant ligatures</td><td align="center">consecutive
unisons</td></tr>
</table>

Unfortunately I haven't been able to find out how to use CSS to
achieve this effect. What sites provide a good model, or tutorial?

Thanks very much for any help,
Gerard

OK, this one is on the cusp. It just barely
qualifies as true tabular data, since your are,
in fact, associating informations with each other
down columns. Since it's only a couple of pieces
of information for each association, you can stick
with tables, or you can dump each pair into a
container div.

If you stick with tables, be careful about making the
table so wide (because of the size of the images) that
it will cause horizontal scrollbars to appear in a
small window. Associating info across rows is safer,
because you only have one image/label pair per row.

I lean toward div containers, but the choice is really
personal.

more at: http://www.mbstevens.com/howtothumb/

 

[Leif K-Brooks]

Stick with it - 'tis fine! Tables are lovely for this, 'cause it shows up
the same way in all browsers...

Oh? Does that include a voide browser?

 

[Woolly Mittens]

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. I've been visiting this newsgroup
for a few weeks now, so I expect the following is unacceptable style:

One could argue that it's tabled data. The data is an image.
Please include the "scope" attribute in your <th>s.

 

[Woolly Mittens]

Oh? Does that include a voide browser?

If the "scope" attribute is used in this case, one could argue that the
pictures or their "alt" attributes are tabled data.

One could see this as tabled data.

 

[Toby A Inkster]

One could argue that it's tabled data.

Yes, but matching up captions with images is only[1] really tabular data
if you do something like:

<table>
<thead>
<tr><th>Image</th><th>Caption</th></tr>
</thead>
<tbody>
<tr><td><!-- image 1 --></td><td><!-- caption 1 --></td></tr>
<tr><td><!-- image 2 --></td><td><!-- caption 2 --></td></tr>
<tr><td><!-- image 3 --></td><td><!-- caption 3 --></td></tr>
<tr><td><!-- image 4 --></td><td><!-- caption 4 --></td></tr>
</tbody>
</table>

That is, a seperate row for each image; captions in the cell beside the
image.

The usual method of putting captions and images in the same cell as each
other, and then using tables to layout the cells is not an example of
tabular data.

[1] or if you swapped the axes.

 

[jake]

Hello, I want to display several pictures with a word or two of
explanatory text underneath each. I've been visiting this newsgroup
for a few weeks now, so I expect the following is unacceptable style:

<table align="center">
<tr><th>figure 1</th><th>figure 2</th><th>figure 3</th></tr>
<tr><td><img src="consLig.gif"></td><td><img
src="dissLig.gif"></td><td><img src="uniLig.gif"</td></tr>
<tr><td align="center">consonant ligatures</td><td
align="center">dissonant ligatures</td><td align="center">consecutive
unisons</td></tr>
</table>

Unfortunately I haven't been able to find out how to use CSS to
achieve this effect. What sites provide a good model, or tutorial?

Thanks very much for any help,
Gerard

I'd leave it as it is; seems like a table of object to me;-)

regards.