Brilliant on both counts. Thanks! Except...
Now (in Safari both mac and windows) I'm getting little resize boxes on each cell in the list. I also notice these on the on the grey side bar and at the bottom of the list as well. They seem to show up anywhere i've set overflow, although i thought they were only for when I set resize. I'm missing something here... once again. On the other hand, I'm getting wildly different results in IE9 with just about everything. (I don't really care about IE8 or below as this is ultimately going to be an internal web application for which I will specify minimum requirements = IE9) In IE9: • the column widths don't seem to be following the rules • the graphic behind the Organisation Name heading is wrong. • the borders between certain objects are white instead of black • it doesn't seem to be following the sans-serif fonts i've requested. I've heard of minor inconsistencies between browsers, but this seems over the top. Is this typical? Why don't CSS and HTML just do what they're told? Well, again thanks for all the help. Any further direction here will be equally appreciated! David. On 08/03/2012, at 10:09 PM, Ghodmode wrote: > On Thu, Mar 8, 2012 at 5:54 PM, David Thorp > <mailingli...@allaboutabundance.com> wrote: >> Hi Vince, >> >> Thanks for another helpful reply. That all makes sense. >> >> One small problem with the nowrap... >> >> See this: >> >> http://www.davidthorp.name/testingstuff/browser-0b.html >> http://www.davidthorp.name/testingstuff/browser-0b.css >> >> I've created a couple of really long values in the list and the problem is >> the nowrap makes the length of the text override the width of the column. >> How do i get the column width to override the text and just cut the text off >> in each cell (<td>) not over the whole row? > > Sorry, I forgot about that. You'll want to set the table-layout property for > the affected table to fixed (at about line 148 of > http://www.davidthorp.name/testingstuff/css/browser-0b.css). Then set the > overflow:hidden for the affected table cells (line 160ish) > > >> (Then if there's a way to make it automatically add an ellipsis (...) at the >> end of a row of text that's been cut short, that would be even more awesome. >> ie. "a really really rea…") ;) > > There's a text-overflow:ellipsis property you can set. Support isn't perfect, > but I think other browsers will simply ignore the property. So, browsers that > support it will show the ellipsis and browsers that don't will just cut off > the > text. I haven't tested this thoroughly: > > .list td { > padding: 1px 10px; > white-space: nowrap; > overflow: hidden; > -ms-text-overflow: ellipsis; > -o-text-overflow: ellipsis; > text-overflow: ellipsis; > } > > (also note the vendor-specific -ms- and -o- versions) > > ref: https://developer.mozilla.org/en/CSS/text-overflow > > -- > Vince Aggrippino > Ghodmode Development > http://www.ghodmode.com > > >> Thanks! >> David. > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
