Re: [css-d] Zero out a style
Shanna Cramer wrote:
I frequently work on child themes and build custom style sheets in
addition to the parent style sheet.
Is there a way to zero out a style? Just remove any parent styling
that was applied to some element.
No, you cannot zero out style settings, only override them.
For example, if a style sheet sets
body { font-family: Calibri; }
then you can set font-family for body to anything you like in another style
sheet, overriding the above setting according to cascade rules. But you
cannot nullify the above setting to that everything would work as if it were
not there. In particular, you cannot tell the browser to use its default
font-family or the font-family as set in a user style sheet.
The same applies to nullifying the effect of an inherited property (which
might be what you mean, as you refer to children and parents). Given the
above rule for body, you cannot say in a style sheet that the font-family
value be not inherited by children of body, like p, except by explicitly
setting font-family to some specific value.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
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] Zero out a style
At 4/10/2010 06:46 PM, Shanna Cramer wrote: I frequently work on child themes and build custom style sheets in addition to the parent style sheet. Is there a way to zero out a style? Just remove any parent styling that was applied to some element. If we're to take your question literally, the conceptual problem with zeroing out an element's styles is that there isn't really a zero-state in ordinary usage. When we launch a browser, page elements are styled according to the browser's inboard stylesheet plus the user's custom stylesheet if any. I'll assume that the closest to zero you really want to get is to disable author stylesheets but no others. Removing all author stylesheets could be done by using server-side or client-side scripting to intercept the markup and delete or disable pertinent link and style elements on the page. However, you're asking about disabling author styling for specific elements only, so scratch that. If you're OK with your changes reaching most but not all visitors, you could write a JavaScript routine that would seek out and remove style sheet rules that specifically targetted a particular element. However, the problem is complicated by the fact that an element is often styled by rules that refer not merely to it alone but also to others with the same selector pattern (nodeName, class, or ancestry). How can we zero the styles for one such element and not the others? One strategy might be to programmatically change an element's nodeName, id, and/or class so as to produce a new, unique element that isn't covered by the author style sheets at all, then adding style rules for the new element. Again, this could be done by intercepting the markup either server-side or client-side, the latter reaching a majority but not the totality of visiting UAs. Since removing styles is so problematic, I'm guessing that you'll probably settle for the much simpler alternative of setting an element's styles to known base values such as margin: 0; padding: 0; etc. This approach does not remove author styling from the equation leaving browser and user stylesheets in place, it potentially overrides them all. One technical challenge here is how to add your zeroing-out rules with great enough specificity that they trump all other rules in the parent stylesheets. You could try to bludgeon your way through that using !important but that can wreck a lot of furniture in a roomful of nested elements. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com __ 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] Zero out a style
I do.
I am using Hybrid ( http://themehybrid.com/demo/hybrid/ ) as the parent
theme and creating a child theme called nawbo. Here is the website.
http://nawbogrrv.org/
Hybrid uses several style sheets that will give you desired results when
used in combination. Number of columns in one, font styling in another, etc.
In this case there are 4 parent style sheets before my custom styles.
Custom style sheet: http://nawbogrrv.org/wp-content/themes/nawbo/style.css
Parent styles used: (../ = http://nawbogrrv.org/wp-content/themes )
@import url('../hybrid/library/css/reset.css'); -- zeros out browser
styles
@import url('../hybrid/library/css/screen.css'); -- controls comments,
errors, nav, etc.
@import url('../hybrid/library/css/18px.css'); -- controls fonts
@import url('../hybrid/library/css/3c-c-fixed.css'); -- makes a three
column layout
Using Firebug to find which styles to override usually works really well.
The specific problem I would like to zero out is the linked rss text in the
left sidebar. The line-height is too much and I can't seem to adjust it.
Firebug shows many, many styles that are applied to it. Shutting them off
solves the problem, but they ALL need to be shut off before I can add
line-height. I have tried getting specific as possible and adding
!important. It doesn't work. Right now there is no custom styling applied
and it looks exactly the same.
#primary #rss-3 .widget-inside ul li a.rsswidget{
- want to add zero style here -
line-height: 1.2em; }
On 4/11/10 12:07 AM, David Laakso da...@chelseacreekstudio.com wrote:
Shanna Cramer wrote:
I frequently work on child themes and build custom style sheets in addition
to the parent style sheet.
Is there a way to zero out a style? Just remove any parent styling that was
applied to some element.
Sound reasonable: sort of. Got a uri to specific problem site/page you
might consider to share with the list?
Best,
~de
__
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] Zero out a style
Shanna Cramer wrote: Here is the website. http://nawbogrrv.org/ Have you tried overwriting the style in the head of the document or inline within the markup? Best, ~d PS Bottom posting is appreciated. -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ 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] Zero out a style
On 4/11/10 11:06 AM, David Laakso da...@chelseacreekstudio.com wrote: Shanna Cramer wrote: Here is the website. http://nawbogrrv.org/ Have you tried overwriting the style in the head of the document or inline within the markup? Best, ~d PS Bottom posting is appreciated. It's a WordPress site, so that really wouldn't be possible. __ 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] Zero out a style
On 12/04/2010, at 2:43 AM, Shanna Cramer wrote:
I do.
I am using Hybrid ( http://themehybrid.com/demo/hybrid/ ) as the
parent
theme and creating a child theme called nawbo. Here is the website.
http://nawbogrrv.org/
Hybrid uses several style sheets that will give you desired results
when
used in combination. Number of columns in one, font styling in
another, etc.
In this case there are 4 parent style sheets before my custom styles.
Custom style sheet: http://nawbogrrv.org/wp-content/themes/nawbo/style.css
Parent styles used: (../ = http://nawbogrrv.org/wp-content/themes )
@import url('../hybrid/library/css/reset.css'); -- zeros out browser
styles
@import url('../hybrid/library/css/screen.css'); -- controls
comments,
errors, nav, etc.
@import url('../hybrid/library/css/18px.css'); -- controls fonts
@import url('../hybrid/library/css/3c-c-fixed.css'); -- makes a
three
column layout
Using Firebug to find which styles to override usually works really
well.
The specific problem I would like to zero out is the linked rss text
in the
left sidebar. The line-height is too much and I can't seem to adjust
it.
Firebug shows many, many styles that are applied to it. Shutting
them off
solves the problem, but they ALL need to be shut off before I can add
line-height. I have tried getting specific as possible and adding
!important. It doesn't work. Right now there is no custom styling
applied
and it looks exactly the same.
#primary #rss-3 .widget-inside ul li a.rsswidget{
- want to add zero style here -
line-height: 1.2em; }
It looks to me like you are targeting the wrong element. If you want
to reduce the space around the RSS link in the left hand side then you
need to target the h3 which has padding. In order to not affect the
other similar headings you could go ...
#rss-3 h3.widget-title {
padding: 0;
background-color: red; /* -- Just to test that you are hitting what
you intended */
}
Cheers, Tim
__
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] Changes how (some) browsers handle the a:visited pseudo-class
At 09:20 +0900 on 04/10/2010, Philippe Wittenbergh wrote about [css-d] Changes how (some) browsers handle the a:visited ps: In short, those browsers will limit the ways the a:visited state can be styled. Color, background-color, and to some extend, outline, border are not affected, as long as you don't use alpha-transparency (rgba()), change the border-style or border-width, etc. Other changes will be ignored and fall back to what is specified for the a:link state. Am I reading this to say that font-* (such as style and weight, etc.) will be ignored and set to the :link value even when different in the :visited version? -- Bob Rosenberg RockMUG Webmaster webmas...@rockmug.org www.RockMUG.org __ 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] Changes how (some) browsers handle the a:visited pseudo-class
At 07:19 +0100 on 04/10/2010, Philip TAYLOR wrote about Re: [css-d]
Changes how (some) browsers handle the a:visite:
A user-controllable feature within the browser, on the other hand,
would provide a convenient way of working around any deficienc{y|ies}
in the specification(s) whilst still allowing the user to have a
fully compliant browser if he/she so wishes.
Also IMO the feature should be OFF unless the user SPECIFICALLY
activates it (not set to ON requiring the user to turn it off to
cripple it).
IOW: If you want to have the Browser play Net Nanny then require the
user to give permission not do it behind the user's back until the
browser is told to stop messing with the page/code and display it as
supplied.
--
Bob Rosenberg
RockMUG Webmaster
webmas...@rockmug.org
www.RockMUG.org
__
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] CSS Object class not working on IE
This css code in my external .css works to put padding on a flash object tag
in FF but nada in IE:
object {
padding-left:30px;
}
Normally I'd use another way around this but for various reasons this is my
preferred solution
Why is this not working in IE? Thanks
__
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] IE6 float bug
I have an example site that I've developed for a course I'm doing. There are no serious problems with it except in IE6; of which there is just one that I can't remember how to fix. Here's one of the pages affected: http://www.peredur.net/tt280/pb88_ph.htm On opening the page, the right sidebar is mis-positioned; but it jumps back into the correct place if I hover over a link in the main-nav navigation bar. I seem to remember that there is an easy fix for this in CSS, but I can't for the life of me find my notes. Can anyone, please, remind me as to what I have to do? It's not absolutely essential that I get the pages working in IE6, but I hate leaving a job half done. The pages validate OK, by the way. Thanks in advance Cheers Peter __ 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] Changes how (some) browsers handle the a:visited pseudo-class
On Apr 12, 2010, at 6:09 AM, Bob Rosenberg wrote: Am I reading this to say that font-* (such as style and weight, etc.) will be ignored and set to the :link value even when different in the :visited version? That is correct; any change in the font-* properties will be ignored an the value set on a:link (or a) used. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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] IE6 float bug
Peter Bradley wrote:
I have an example site that I've developed for a course I'm doing.
There are no serious problems with it except in IE6; of which there is
just one that I can't remember how to fix. Here's one of the pages
affected:
http://www.peredur.net/tt280/pb88_ph.htm
On opening the page, the right sidebar is mis-positioned; but it jumps
back into the correct place if I hover over a link in the main-nav
navigation bar. I seem to remember that there is an easy fix for this
in CSS, but I can't for the life of me find my notes. Can anyone,
please, remind me as to what I have to do?
It's not absolutely essential that I get the pages working in IE6, but I
hate leaving a job half done.
The pages validate OK, by the way.
Thanks in advance
Cheers
Peter
IE/6.0 does not support min/max width or height and trips/bounces on the
percent margins on the wrapper.
* html #wrapper {
width:975px;
margin: 0 auto;
}
* html #left-nav {
height:85ex;
}
Best,
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
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] Changes how (some) browsers handle the a:visited pseudo-class
Hi Philippe, (public service announcement) Both the next release versions of Gecko (tentatively named Firefox 3.7) and WebKit (Safari 5) will implement changes to the handling of the :visited pseudo-class. Google Chrome will, I suppose, also implement this. The underlying thinking is documented in this article: http://dbaron.org/mozilla/visited-privacy with some more details here: http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css - vistited/ http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history- leak/ Thanks for the heads up -- Regards, Thierry www.tjkdesign.com | articles and tutorials www.ez-css.org | ultra light CSS framework __ 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] CSS Object class not working on IE
This css code in my external .css works to put padding on a flash
object tag in FF but nada in IE:
object {
padding-left:30px;
}
Normally I'd use another way around this but for various reasons this
is my preferred solution
Why is this not working in IE? Thanks
I'm curious to know why you use padding on a object. What's the expectation?
Because I don't think padding should change the rendering of the element.
And what is the other way around you mention?
Do you have a URL we can check?
--
Regards,
Thierry
www.tjkdesign.com | articles and tutorials
www.ez-css.org | ultra light CSS framework
__
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] IE6 float bug
On 4/11/10 3:15 PM, Peter Bradley wrote: I have an example site that I've developed for a course I'm doing. There are no serious problems with it except in IE6; of which there is just one that I can't remember how to fix. Here's one of the pages affected: http://www.peredur.net/tt280/pb88_ph.htm On opening the page, the right sidebar is mis-positioned; but it jumps back into the correct place if I hover over a link in the main-nav navigation bar. I seem to remember that there is an easy fix for this in CSS, but I can't for the life of me find my notes. Can anyone, please, remind me as to what I have to do? Usually, adding an extra wrapper element inside your outer #wrapper with a 'width: 100%;' declaration on it helps IE compute the sidebar width correctly first time around. The jumping comes from a recalculation once IE has figured out 25% of the actual width of #wrapper. Not tested, but this usually works for me. Cordially, David -- __ 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/
