Setting the width of columns in a table
in [CSS]
|
Prev: paypal wholesale all brand(UGGBOOTS,SHOES,CLOTHES,HANDBAG,WATCH,JEANS,JERSEY,T-SHIRT,SHIRTS,HOODY,EYEGLASS,CAP,SHAWL,WALLT) and so on.
Next: Style first list item differently
From: BootNic on 3 Feb 2010 20:45 On Wed, 3 Feb 2010 14:29:30 -0800 (PST) GTalbot <newsgroup(a)gtalbot.org> wrote: [snip] > IE 7 and Opera 10.10 will fail these tests: > http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/TableBugColWidth.html > http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/TableColumnPaddingWidth.html > > but IE8 will pass them (and I hope next release of Opera will). [url] http://www.w3.org/TR/css3-ui/#box-sizing [/url] Since Opera 10.10 does use the box-sizing property, does it really fail either of the test? Presuming that the content will fit within the restraints, changing the td box-sizing property from its Initial value content-box to border-box. -- BootNic Wed Feb 3, 2010 08:45 pm "Do not trust your memory; it is a net full of holes; the most beautiful prizes slip through it." *Georges Duhamel, The Heart's Domain* â 159 days remaining
From: Barely Audible on 4 Feb 2010 05:29 Thanks Guys - You answered my question very well AND managed to not descend into a slagging match ;-) -- TTFN Jim Freedom Is Not Free
From: David Stone on 4 Feb 2010 09:49 In article <2fdaebd2-9024-48bd-aa8c-3c35e5138146(a)j31g2000yqa.googlegroups.com>, GTalbot <newsgroup(a)gtalbot.org> wrote: > In article <7st4t1Fs7...(a)mid.individual.net>, > Barely Audible <anywh...(a)but.here> wrote: > >>> HOw do I set the width of columns in CSS ie First TD of first TR to be > >>> set to a specific width & Second TD of first TR to use use the remainder > >>> of the table width? > > On 3 fév, 12:40, "Jukka K. Korpela" <jkorp...(a)cs.tut.fi> wrote: > > David Stone wrote: > > > col.firstCol { width: 5em } > > David, > a table has only one first column; therefore, using a class here is > not semantically best. An id should be preferred. Id is ideal for > uniquely defined elements; class is for grouping logically elements > together. Ah, good point. That would actually save me some aggravation - thanks!
From: David Stone on 4 Feb 2010 09:50 In article <hkd434$9rm$1(a)heraldo.rediris.es>, Manuel Collado <m.collado(a)invalid.domain> wrote: > GTalbot escribió: > > ... > >>> col.firstCol { width: 5em } > > > > a table has only one first column; therefore, using a class here is > > not semantically best. An id should be preferred. Id is ideal for > > uniquely defined elements; class is for grouping logically elements > > together. > > > >>> col.secondCol { width: 10em } > > There is a CSS2 selector for this: > > col { width: 5em } > col + col { width: 10em } Does it work in IE 6-8? Also, I know from experience that it causes untold problems if you have more than two columns, which is my (but not the OP's) case!
From: David Stone on 4 Feb 2010 09:47
In article <falan.72733$La7.57737(a)uutiset.elisa.fi>, "Jukka K. Korpela" <jkorpela(a)cs.tut.fi> wrote: > David Stone wrote: [snip] > >> The first question however is "Why would you set column widths, and > >> in which context and how?" In general, browsers aren't that good at > >> calculating suitable column widths (in the absence of authors' > >> suggestions on them), but usually better than most authors (who so > >> often prefer shooting themselves on the foot with px valued widths). > > > > Can't speak for the original poster. > > > > In my case, it is to ensure that users are not subliminally influenced > > in their choices by apparent differences in column width - although I > > have no idea if that might be a real concern. > > Do you mean differences between column widths in different tables? No, within the same table. > I don't see why they couldn't be different, if their content so requires. > > > At least, the answer > > grid _looks_ better if the answer choice columns are equal width. > > Well, why don't you make th grid a single table then? In a single table, > columns are of the same width out of necessity. It is a single table. http://www.chem.utoronto.ca/~dstone/assist/page1.html > > I would also prefer if all table rows were equal height but, since I > > cannot predict the number of text lines in each row - particularly > > as page width varies - I'm not sure of the best way to achieve this. > > If it's tabular data, I don't see why the rows should be of equal height. > Different amount of data requires different heights. If you look at the test page I was referring to, you will see it is a questionnaire similar in nature to a Myers-Briggs personality test. My concern is that, if any one column in the response section is wider than the others, it might subliminally suggest that the respondent select that option. As for the row heights, it simply bothers me. Also, it might suggest that a particular question was not so important. I don't know if either of these concerns have any real validity: the only way to find out would be to run two versions of the questionnaire, one with equal column widths and row heights, and one without, and see if respondents gave different answers between the two. So if, for the purposes of a particular page, you had to make sure that all <tr>'s in a single table were the same height irrespective of the number of lines of text wrapped in each <td> of the first column, how would you do it? |