Re: [css-d] splitting a table cell into a label and content.
> I have a 3*3 table and I would like each cell to contain two parts, label > and content, each 300px wide. > The label part is to be on the left and will contain label text, have a > different background color to the content and have a fixed width, say 50px. > The label should be full height of the cell. > I am trying to achieve a layout so that regardless of the length of text in > the label part or the text part, the two parts will always extend to the > height of the table cell. you should put both the label and content in a containing div with a background image that creates the look of the two coulombs then position the text for each with div inside of that. For a step by step walk through the process check out the article below from alistapart http://www.alistapart.com/articles/fauxcolumns/ -- Matthew Campbell E-mail: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] splitting a table cell into a label and content.
On Mon, 28 May 2007, Tony Martin wrote: > I have a 3*3 table and I would like each cell to contain two parts, label and > content, each 300px wide. That means a total width of 3 times 2 times 300 pixels, i.e. 1800 pixels. Are you sure you want that? > The label part is to be on the left and will contain label text, have a > different background color to the content and have a fixed width, say 50px. This does not match the preceding statement. > The label should be full height of the cell. That's what makes things difficult. How does the table look like as a whole and how are its cell dimensions determined? > I want to do it this way, rather than use a separate td for the label so that > I can have independant control over the size of the labels (ie some labels > could be wider. But previously you mentioned a fixed width - actually, two fixed widths. Anyway, using a table with 3 rows and 6 columns is surely the _easiest_ way, unless you really want to vary the label widths. > I have tried using float left, height 100% for the label part, but if > the cell height grows, text gets wrapped under the label part. As usual, the URL of your most successful effort so far would help a lot to see the problem in its context. -- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] splitting a table cell into a label and content.
Hi, I cant think how to do this. I have a 3*3 table and I would like each cell to contain two parts, label and content, each 300px wide. The label part is to be on the left and will contain label text, have a different background color to the content and have a fixed width, say 50px. The label should be full height of the cell. I am trying to achieve a layout so that regardless of the length of text in the label part or the text part, the two parts will always extend to the height of the table cell. I want to do it this way, rather than use a separate td for the label so that I can have independant control over the size of the labels (ie some labels could be wider. I have tried using float left, height 100% for the label part, but if the cell height grows, text gets wrapped under the label part. I would appreciate any suggestions. Thanks Tonypm _ PC Magazines 2007 editors choice for best Web mailaward-winning Windows Live Hotmail. http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
