Re: [css-d] Styling COL and COLGROUP

2005-11-10 Thread James Bennett
On 11/10/05, CJ Larson <[EMAIL PROTECTED]> wrote:
> I have a feature table in which I have 5 total columns: ID, Name,
> Description, Cost, and Activated.  On my main feature page, I wish to
> display the Name, Desc, and Cost fields in that order.  On my "manage
> your features" page, I wish to display the Name, Description, and
> Activated fields in that order.  On my shopping cart page, I wish to
> display the Name and Cost fields in that order.  Using the method you
> linked to, I will need to style all tables completely separate in my
> CSS.  Using what most people think to be what "colgroup" should be, I
> would only have 1 colgroup per field, and simply omit or add a colgroup
> when I display certain columns.  Easy!  (but currently not possible)

It's possible, and pretty simple. You just use the solution from the
wiki, where you style the COL and IE picks it up, and use adjacent
siblings for standards-complient browsers. Then, to get different
styling for the tables on different pages, either give the different
tables different class names (e.g., table class="features", table
class="cart", etc.) or use classes on the body element so you can do
other context-sensitive styling for different areas of the site as
well. It's a little bit more CSS, but it gets the job done without
wading into the conceptual impossibility that is trying to force table
cells to inherit from a COL or COLGROUP.

--
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Styling COL and COLGROUP

2005-11-09 Thread James Bennett
On 11/9/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I don't hardly ever use these tags but I found they came in handy in my
> current assignment. However, in IE (not my favorite browser but I have
> to admit it's doing what I want to in this instance) everything
> displayed the way I intuitively imagined it would after adding style
> rules to these two tags but the style rules were ignored in
> Mozilla-based browsers. Does anybody have any experience with this?

I once read through a long and protracted Mozilla bug report on this
which I'm currently unable to locate; IIRC the problem, conceptually,
is that individual table cells are not actually children of the
COLGROUP or COL; as a result, they don't inherit properties from
COLGROUPs and COLs in an intuitive way. And Philippe is right that IE
is buggy -- CSS2 is very explicit on the matter of which properties
may be set on a COLGROUP or COL and be applied to their cells:
'border', 'background', 'width' and 'visibility'.


--
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Why doesn't clear work the way I think it should?

2005-10-05 Thread James Bennett
On 10/5/05, David Dorward <[EMAIL PROTECTED]> wrote:
> Why do you have display: inline on the orange element? Floating it
> turns it straight back into a block! :)

Floating an element and giving it a margin in the same direction
(e.g., float right with right margin or float left with left margin)
triggers a bug in IE which will double the size of the rendered
margin. Setting 'display: inline' causes IE to calculate the margin
correctly, while not affecting anything else.

--
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Firefox bug?

2005-09-07 Thread James Bennett
On 9/7/05, Felix E. Guerrero <[EMAIL PROTECTED]> wrote:
> Hi, I have a 3-column layout but the first time it's displayed on Firefox
> (or after clearing the cache) there's a gap between columns and footer. As
> far as I can tell it only happens on FF 1.0.6. The gap is somewhat related
> to the image appearing on the center column as they share a similar height.

Might be a good idea to check this page and see if that's what you're
running into:

http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

-- 
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] UAs which allow user to select alternate style sheets?

2005-07-31 Thread James Bennett
On 7/29/05, T. R. Valentine <[EMAIL PROTECTED]> wrote:
> I've looked for a 'comprehensive' list of UAs that give users this
> ability, but have been unable to find one. At this point, I'd settle
> for any kind of listing that includes the main browsers for Windows,
> Linux, and Mac.

Since, as Jesper's pointed out, there's already a page on the wiki
which touches on this
(http://css-discuss.incutio.com/?page=StyleSwitching), why don't we
just put together a comprehensive list there? I've gone ahead and
added info on the major GUI Linux browsers, so that's one platform
down...


-- 
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] form submit button taking on css of input

2005-06-17 Thread James Bennett
On 6/17/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
> the xhtml is: class="submit" type="image" name="submit"  />
> 
> and the css is:
> 
> input img.submit{
> width:58px;
> height:27px;
> margin-left:30em;
> }

'input img.submit' means "An  tag inside an  tag, where
the  tag has 'submit' as its class". What you want is
'input.submit', which means "an  tag with 'submit' as its
class".



-- 
"May the forces of evil become confused on the way to your house."
  -- George Carlin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/