Force line break within table row

HTML & CSS
1

My information is stored in a multi-dimensional array. I am trying to create a table to print the information with one row of input data spread over three rows of output. Can I force a line break within a tablerow?

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“content-type” content=“text/html; charset=iso-8859-1” />
<meta name=“Robots” content=“No-Index” />
<title>Membership Roster</title>
<style type=“text/css”>
<!–
–>
</style>
</head>
<body>
<table summary=“membership roster”>
<caption>Membership Roster</caption>
<col width=“10%”>
<col width=“30%”>
<col width=“30%”>
<col width=“15%”>
<col width=“15%”>
<tbody>
<tr><td>Region I</td><td>Any Name Here</td><td>Executive Director</td><td colspan=“2”>Any Old Assoc of Franklin and Fulton Cos.</td><br />
<td> </td><td>127 South Second Street</td><td> </td><td>Anytown</td><td>TX, 88888</td><br />
<td> </td><td colspan=“2”>info@abcde.org</td><td>W)123-456-1234</td><td>F)123-456-1234</td></tr>
</tbody></table>
</body>
</html>

2

Some of the elements you use, i have never seen before (like “<tbody>”). My browser does not seem to care if it’s there or not… (looked it up, shouldn’t you have a <thead> as you’re putting things in which are not in the tbody?)

I’m not quite sure of what you’re gettin at here but no, not by inserting <br /> like you’ve done.

Take a peek at The Table Sampler and see if it’s not really a table within a table you want.

Could you perhaps provide an example of how you would like it to look.

3

I think you want a structure more like this:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="Robots" content="No-Index" />
<title>Membership Roster</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table summary="membership roster">
<caption>Membership Roster</caption>
<col width="10%">
<col width="30%">
<col width="30%">
<col width="15%">
<col width="15%">
<tbody>
<tr>
<td rowspan="3">Region I</td>
<td>Any Name Here</td>
<td>Executive Director</td>
<td colspan="2">Any Old Assoc of Franklin and Fulton Cos.</td>
</tr>
<tr>
<td>127 South Second Street</td>
<td>&nbsp;</td>
<td>Anytown</td>
<td>TX, 88888</td>
</tr>
<tr>
<td colspan="2">
info@abcde.org</td>
<td>W)123-456-1234</td>
<td>F)123-456-1234</td></tr>
</tbody></table>
</body>
</html>

And <tbody> is a real element in data tables :slight_smile: