Option 1:
Try making the two chunks of content into two individual paragraphs within the
one cell. It is not the most ideal semantics, though it could be argued that
they are two short paragraphs :)
Depending on how the margins have been defined for your paragraphs, this should
give you 1em of margin below each paragraph. If not, you could always set a
rule like:
td p { margin: 0 0 1em; }
or
td p { margin: 1em 0; }
or if you want it to be more specific:
.Table_Text p { margin: 0 0 1em; }
or
.Table_Text p { margin: 1em 0; }
Option 2:
Use rowspan:
<tr>
<td class="Table_Text">Client / solicitor</td>
<td rowspan="2" class="Table_Text">Bad advice</td>
<td rowspan="2" class="Table_Text">Economic loss</td>
</tr>
<tr>
<td class="Table_Text">Client / accountant</td>
</tr>
This is possibly more semantically correct than using paragraphs (without
knowing what you are doing with the table) as these look like two separate
options that are both able to be associated with data in other cells. The
downside of this method is that you may have to add an additional class on one
of the cells so that you can turn off borders between the two "client" cells.
HTH
Russ
On 23/11/2011, at 10:25 PM, Grant Bailey wrote:
> Hello,
>
> I would be grateful if someone could help with this, as I'm not a tables
> expert.
>
> I want to separate two separate entries in the one cell, to indicate
> alterntatives. Like this (see picture):
>
> <bjecdfda.jpg>
>
> The coding for this part of the table looks like this:
>
> <td class="Table_Text">Client / solicitor<br>Client / accountant</td>
> <td class="Table_Text">Bad advice</td>
> <td class="Table_Text">Economic loss</td></tr>
>
> Unfortunately, I have not been able to style the left-most cell so that it
> looks like the picture attached. I tried to style the <br> using the
> line-height property but this only worked in Google Chrome.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
