Re: [css-d] css-d Digest, Vol 80, Issue 15 (Is there such a thing as a sub class (in css not society))
css-d-requ...@lists.css-discuss.org wrote:
> 16. Re: Is there such a thing as a sub class (in css not society)
> (David Dorward)
You can combine multiple classes selectors too:
.comment.wide { }
But support is lacking in IE6
Thanks David. That was just what I was looking for.
I'll deal with IE6 in some way. I've resigned myself to getting the
layout near perfect in IE7 and near enough in IE6 anyway.
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk <mailto:chris.pr...@choctaw.co.uk>
www.choctaw.co.uk <http://www.choctaw.co.uk>
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter <http://twitter.com/choctaw>
Catch up with me on LinkedIn <http://www.linkedin.com/in/spoonfulofdreams>
Its a Living Thing~~
>> Sent on behalf of Choctaw Media Ltd <<
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@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/
Re: [css-d] Is there such a thing as a sub class (in css not society)
Atkinson, Sarah wrote: > U can set multiple style classes to an item. Also u can use the > cascade. So u can set styles for all of the .thisHead And then set > styles that are only for .pullout .thisHead > >> I have a 'comment' class which follows a set >> format except its width changes depending whether it is a short or >> medium length. >> >> So I tried class="comment wide" but that doesn't work because .wide is >> not set explicitly, only within another style. The alternative is to >> have a narrowComment class and a wideComment class because a wide class >> with a set width means it can only apply to a 'comment' element. >> >> I've used .larger and .smaller in the past but I have to specify the >> increment which gives me no flexibility. >> >> It would be simpler if I were dealing with IDs because I could style my >> #comment and add a .wide class and then specify the style for #comment >> .wide in my style sheet. >> >> But 'Comment' is not an object, its a type. >> >> So, in effect, I'm looking for a sub class. Does this make sense and is >> there a logical solution that's portable and not too exotic? Thanks, but that doesn't really answer my question. What I want is an empty class that has no specific meaning itself but extends another class. This is fine when I have an element within an element because I can set a style for .parent .child I can also set a specific element's style using #child .child I can also say that an element adopts 2 styles with .english .child To partly answer my question I could specify .tall . child where tall is 20% above average But what if a .tall .parent is only 10% taller? -- Kind Regards Chris Price Choctaw chris.pr...@choctaw.co.uk <mailto:chris.pr...@choctaw.co.uk> www.choctaw.co.uk <http://www.choctaw.co.uk> Tel. 01524 825 245 Mob. 0777 629 0227 Choctaw Media Fertile Ground for Websites Follow me on Twitter <http://twitter.com/choctaw> Catch up with me on LinkedIn <http://www.linkedin.com/in/spoonfulofdreams> Its a Living Thing~~ >> Sent on behalf of Choctaw Media Ltd << ~~ Choctaw Media Limited is a company registered in England and Wales with company number 04627649 Registered Office: Priory Close, St Mary's Gate, Lancaster LA1 1XB, United Kingdom. __ css-discuss [cs...@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-d] Is there such a thing as a sub class (in css not society)
I want to rationalise my css so that I am not continually inventing
classes when I want to create a new effect.
Today I have created a 'pullout' class which has a head, image and body.
I don't want to use an H? because I don't know where that element is
going to sit in a document and I don't want to have to undo any styles
set previously.
So I have .thisHead and .thisImg which are not styled explicitly but
within their context, e.g. .pullout .thisHead {}. This means I have to
re-style .thisHead whenever it belongs to a different parent but at
least I don't have to invent a new class name.
So far so good. But now I have a 'comment' class which follows a set
format except its width changes depending whether it is a short or
medium length.
So I tried class="comment wide" but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide class
with a set width means it can only apply to a 'comment' element.
I've used .larger and .smaller in the past but I have to specify the
increment which gives me no flexibility.
It would be simpler if I were dealing with IDs because I could style my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
But 'Comment' is not an object, its a type.
So, in effect, I'm looking for a sub class. Does this make sense and is
there a logical solution that's portable and not too exotic?
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk <mailto:chris.pr...@choctaw.co.uk>
www.choctaw.co.uk <http://www.choctaw.co.uk>
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter <http://twitter.com/choctaw>
Catch up with me on LinkedIn <http://www.linkedin.com/in/spoonfulofdreams>
Its a Living Thing~~
>> Sent on behalf of Choctaw Media Ltd <<
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@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-d] Inline list inconsistencies
Hi I have built a demo page with a navigation list displayed inline. On all the browsers on my Mac the list items display a border on all four sides. On XP IE only the border sides display. It appears to be cutting off the top and bottom of the list items. How can I get it to display properly on IE on XP. The css is in the html doc. site: http://visiondancer.choctaw.co.uk Thanx -- Chris Price Choctaw [EMAIL PROTECTED] http://www.choctaw.co.uk __ 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/
