[WSG] Breaks within table cells
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): The coding for this part of the table looks like this: td class="Table_Text"Client / solicitorbrClient / 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. If anyone could offer hints I would be grateful. Thank you and kind regards, Grant Bailey (attachment) ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***
Re: [WSG] Breaks within table cells
Someone will be able to
clarify, but I would go down the route of padding-left...
td.Table_Text {padding-left: 15px; text-align: left;}
Mike Flanagan
CCO Telford Computer Doctor
http://www.telfordpc.co.uk
i...@telfordpc.co.uk
0800 058 8914
Telford Computer Doctor accepts no liability for the content of
this email, or for the consequences of any actions taken on the
basis of the information provided, unless that information is
subsequently confirmed in writing. Any views or opinions
presented in this email are solely those of the author and do
not necessarily represent those of Telford Computer Doctor.
WARNING: Computer viruses can be transmitted via email. The
recipient should check this email and any attachments for the
presence of viruses. Telford Computer Doctor accepts no
liability for any damage caused by any virus transmitted by this
email.
On 23/11/2011 11:25, 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):
The coding for this part of the table looks like this:
td class="Table_Text"Client / solicitorbrClient /
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.
If anyone could offer hints I would be grateful.
Thank you and kind regards,
Grant Bailey
(attachment)
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***
Re: [WSG] Breaks within table cells
So you're just trying to create a blank line between Client / solicitor and Client / accountant ? Two ways to do that I'd say: use two br / elements (i.e. Client / solicitorbr /br /Client / accountant or two paragraphs: pClient / solicitor/p pClient / accountant/p The latter creates two block level elements that you can style with extra padding or whatever. HTH Phil. On 23/11/2011 11:25, 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): The coding for this part of the table looks like this: td class=Table_TextClient / solicitorbrClient / accountant/td td class=Table_TextBad advice/td td class=Table_TextEconomic 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 thebr using the line-height property but this only worked in Google Chrome. If anyone could offer hints I would be grateful. Thank you and kind regards, Grant Bailey (attachment) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Phil Archer W3C eGovernment http://www.w3.org/egov/ http://philarcher.org @philarcher1 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Breaks within table cells
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_TextClient / solicitor/td
td rowspan=2 class=Table_TextBad advice/td
td rowspan=2 class=Table_TextEconomic loss/td
/tr
tr
td class=Table_TextClient / 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_TextClient / solicitorbrClient / accountant/td
td class=Table_TextBad advice/td
td class=Table_TextEconomic 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
***
Re: [WSG] Breaks within table cells
On 11/23/2011 10:53 PM, Russ Weakley wrote:
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; }
Why not use a list within the table as it is a list of items.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Breaks within table cells
Why not use a list within the table as it is a list of items. There you go! Option 3 :) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Breaks within table cells
A brilliant suggestion that worked perfectly. Thank you very much Chad! Kind regards, Grant Bailey On 24/11/2011 12:13 AM, Russ Weakley wrote: Why not use a list within the table as it is a list of items. There you go! Option 3 :) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Breaks within table cells
On 11/24/2011 1:29 AM, Grant Bailey wrote: A brilliant suggestion that worked perfectly. Thank you very much Chad! Kind regards, Grant Bailey Not a problem Grant. Regards Chad. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
