Re: [WSG] No style
On 01/02/06, Joshua Street <[EMAIL PROTECTED]> wrote: That's still going to be 1em of whatever 1em becomes by the time youget down to #editableArea (i.e. 1em of (x) on #editableArea of (y) on#body of (z) on #html), isn't it? Hmm... good point. Might need some tweaking, but I'm not sure how.
Re: [WSG] No style
That's still going to be 1em of whatever 1em becomes by the time you
get down to #editableArea (i.e. 1em of (x) on #editableArea of (y) on
#body of (z) on #html), isn't it?
On 2/1/06, Seona Bellamy <[EMAIL PROTECTED]> wrote:
> One possible solution would be not so much to have 'no style' but to have a
> blanket basic style in that div. So for example, you might do something
> like:
>
> #editableArea * {
>font-size: 1em;
>margin: 0;
>padding: 3px;
> }
>
> That would make all of the content of that div, regardless of what it was
> (a p, a heading, no element, etc) adopt those same rules. It would give you
> uniformity across the contents which is, I believe, what you're looking for.
>
> Cheers,
>
> Seona.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] No style
On 31/01/06, Taco Fleur - Pacific Fox <[EMAIL PROTECTED]> wrote:
Is there any way to
specify in CSS that a certain area is to have no style at
all.
Let's say I have my
global style sheet where I style my etc. but on one page I
have a div with id #editableArea
I want that div to
have no style applied that is defined in the style sheet, is that
possible?
One possible solution would be not so much to have 'no style' but to
have a blanket basic style in that div. So for example, you might do
something like:
#editableArea * {
font-size: 1em;
margin: 0;
padding: 3px;
}
That would make all of the content of that div, regardless of what it
was (a p, a heading, no element, etc) adopt those same rules. It would
give you uniformity across the contents which is, I believe, what
you're looking for.
Cheers,
Seona.
RE: [WSG] No style
To be honest I don't care if it takes the style of the browser, I did not want it to take the other styles defined. I am thinking I will be using an iframe, which should do the trick. Kind regards, Taco Fleur - CEO Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration > -Original Message- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak > Sent: Wednesday, 1 February 2006 1:33 AM > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] No style > > On 1/31/06, Taco Fleur - Pacific Fox > <[EMAIL PROTECTED]> wrote: > > Is there any way to specify in CSS that a certain area is > to have no > > style at all. > > All browsers have a default style sheet, and there's > differences between the default styles in different browsers, > so there's no such thing as 'no style'. The closest you'll > get is to specify the same padding, margins, font etc as your > most common browser displays when no author styles are specified. > > -- > Kay Smoljak > http://kay.zombiecoder.com/ > ** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ** > > ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] No style
Practically speaking, it's a good idea to reset font-size, padding and
margin on * at the start of your CSS file. This does help improve
consistancy somewhat.
* {
padding:0;
margin:0;
font-size:100.01%;
}
Then, obviously, you can style individual elements from that, and you
know what the default (base) is if you want to "undefine" styles on
specific elements.
On 2/1/06, Kay Smoljak <[EMAIL PROTECTED]> wrote:
> On 1/31/06, Taco Fleur - Pacific Fox <[EMAIL PROTECTED]> wrote:
> > Is there any way to specify in CSS that a certain area is to have no style
> > at all.
>
> All browsers have a default style sheet, and there's differences
> between the default styles in different browsers, so there's no such
> thing as 'no style'. The closest you'll get is to specify the same
> padding, margins, font etc as your most common browser displays when
> no author styles are specified.
>
> --
> Kay Smoljak
> http://kay.zombiecoder.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] No style
On 1/31/06, Taco Fleur - Pacific Fox <[EMAIL PROTECTED]> wrote: > Is there any way to specify in CSS that a certain area is to have no style > at all. All browsers have a default style sheet, and there's differences between the default styles in different browsers, so there's no such thing as 'no style'. The closest you'll get is to specify the same padding, margins, font etc as your most common browser displays when no author styles are specified. -- Kay Smoljak http://kay.zombiecoder.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] No style
On 31/01/2006, at 4:59 PM, Taco Fleur - Pacific Fox wrote: Let's say I have my global style sheet where I style my etc. but on one page I have a div with id #editableArea I want that div to have no style applied that is defined in the style sheet, is that possible? You would have to undefine any styles applied to it - basically, there is no such thing as 'unstyled' in the sense you use it, you just have to unset everything that has been applied to it. The easiest way to do that, I think, would be to open the page in Firefox, open the DOM Inspector (Under 'Tools') and navigate down to the element of interest. The view 'computed styles' under the icon at the top left of the right hand pane, and examine what it has. You would have to change such things as colours, margins, font-size - everything listed there. Bear in mind that some things are set to 0, some to 'none' and some to 'normal' (Oh for some commonality!) HIH Lea -- Lea de Groot Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
