[css-d] font-size property on body element

2010-02-19 Thread MEM 
Hello all,

I'm asking myself this question and I'm hoping someone could help me solve
it.
On past posts, we have been talking on applying font-size to elements that
actually contain text and not, on containers of other elements because, that
could lead to visual inconsistencies and unnecessarily complicates things.

I've been told that HTML is the first element that could have font-size
applied to it.
body, the second element.

Taking away the font-size bug issue and the reason for font-size:100%; on
the HTML element, why do we normally do:

body {
font-size : xxx%;
}

And not:

body p {
font-size : xxx%; 
}

?

Why apply a font-size to all body element that can contain not only text but
other elements as well ?


Thanks in advance,
Márcio



__
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] Noscript tags and degradation

2010-02-19 Thread Thierry Koblentz 
> This to me is a new way of thinking, as I Generally use ,
> The sites I work on are heavily js and jquery, and none of it  is
> embedded all linked. .
> 
> Can you tell me where I might find hands on tutorial?

Hi Nancy,

If you look at the  section of this page you should see how the whole
thing works:

http://www.ez-css.org/faq 


--
Regards,
Thierry 
www.tjkdesign.com | www.ez-css.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] Moving css to external css changes results?!

2010-02-19 Thread MB 
David Dorward said:

>There is no difference in cascade order between embedded and external. 

Not so fast. If the link to the external stylesheet preceeds the style
element - which is common - styles declared in the style element come
before in the cascade because of source order, ie being redeclared
later. Specificity being the same otherwise. 
While this doesn't conflict with your statement per se, it's worth noting.



__
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] Moving css to external css changes results?!

2010-02-19 Thread nancy 
ed asked:
>> http://bit.ly/dhg6xI
>> For some reason that I cannot understand when I move my css from the
>> html
>> to the css file (even when I leave the conditional code in the html) the
>> css messes up. Why on earth is this happening? Very strange. Maybe the
>> onpage css takes precendce over the external css?

ljr responded:
> I haven't looked at your URL, but the order of precedence is inline,
> embedded, and then external.  You may be changing the cascade order by
> moving some of the styles from embedded to external.

This is probably the case.

For instance, in your external sheet you have:

#wrapper {
padding: 0px 10px 10px 10px;
margin: 0px auto;
width: 845px;
height: 100%;
background-color: #fff;
text-align: left
}

But then you have this embedded (which will over-rule the external sheet):
#wrapper
{
min-height:100%;/*Min-height instead to allow for expansion*/
height:auto;/*just remove the height you set*/
margin-top:-52px;/* -72px;total footer height*/
overflow:hidden;/*contain floats*/
padding-bottom:0;
}


So the wrapper will have a top margin of zero instead of negative 52
pixels and a bottom padding of zero instead of 10 pixels.

If you are using an external style sheet, you should only use embedded
styles to change the style for that particular page.

You also have some inline styles, which will supercede both the embedded
and external styles.


-Nancy

__
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] Moving css to external css changes results?!

2010-02-19 Thread David Dorward 
On 19 February 2010 17:03,   wrote:

> I haven't looked at your URL, but the order of precedence is inline,
> embedded, and then external.  You may be changing the cascade order by
> moving some of the styles from embedded to external.

No. There is no difference in cascade order between embedded and
external. Inline only wins because using the style attribute is
equivalent to having an infinitely specific selector.

-- 
David Dorward 
__
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] Opera 10 and percentage min-height

2010-02-19 Thread Ingo Chao 
2010/1/3 Bruno Fassino 

> On Sun, Jan 3, 2010 at 1:09 AM, Alan Gresley  wrote:
> [...]
> > 
> >
> > What you see is the whole viewport covered by the min-height div. If you
> > drag the bottom of the window upwards in IE8 and Opera 9~10 you will see
> a
> > vertical scrollbar appear. Now refresh the page and the scrollbar
> > disappears. Now drag the bottom of the window downwards in IE8 and Opera
> > 9~10 you will see the background of the HTML appear under min-height div.
> > This is re-flowed by these methods.
> >
> > a. Refreshing the page.
> > b. Dragging the left or right edge of the window in either direction.
> > c. Providing a hover transition effect to either the div, body or html.
> >
> >
> > The only way that I can fix (hack) Opera 9~10 is to insert another div.
> This
> > I presume breaks the 100% critical crisis point. IE8 still has the bug.
> >
> > 
> >
>
> FWIW, the IE8 vertical resize problem seems fixed by the presence of
> some specific content inside the min-height container, for example a
> display:table box, which can be empty and added with :after
>  http://brunildo.org/test/minheightIE8_2.html
>
> As you said, Opera can be fixed by the addition of some box, so
> playing a bit more, the following seems to satisfy both Opera10 and
> IE8, using :after for both (I needed to add a position:relative on
> html for Opera)
>  http://brunildo.org/test/minheightIE8OP10.html
> (Well, it's surely better to avoid these hacks altogether :-) and just
> live with the resize problem...)
>
>
>
Thanks so much, Bruno!
I just tried your pseudo-element solution in Opera 10 for a
footerStickAlt-related problem and it worked well. Don't understand why
position:relative on html changed the game, though.

Best,

Ingo
__
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 project] jQuery CSS Parser (beta): who wish to contribute?

2010-02-19 Thread Gabriele Romanato 
This is a CSS-related project announce:

I've just finished the unstable, buggy, messy beta of my jQuery CSS  
parser:

http://www.css-zibaldone.com/code/jquery/css-parser/beta/

The final version should be entirely rewritten and serve as a mean to  
parse a CSS file via Ajax.
Is there someone of you who wish to contribute? The most difficult  
part of the project is the tokenizer. I
found inspiration from the nsCSSScanner of Firefox (http://mxr.mozilla.org 
), but JavaScript is different from C++, you know :-D Douglas  
Crockford wrote a good example of tokenizer in his JSON library which  
I know pretty well.

Anyway, if you want to contribute, let me know. More sketches needed,  
though...

thanks 4 your attention! bye ;-)

G.


http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://dev.css-zibaldone.com/  (English)







__
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] getting a horizontal list to float to the right

2010-02-19 Thread Beth Lee 
Do you need to set a width on the ul#nav? If you remove the rule
width:550px, it works as I believe you want it to.

Beth


On Fri, Feb 19, 2010 at 10:20 AM, Chris Kavinsky  wrote:
> I'm working on a site with a horizontal navigation. Ideally, I would
> like the list to float to the right side of the frame, but due to
> applying float:left to the individual li items, I can't get it to work
> properly. Am I doing something wrong, or is there a trick for this
> without sieeting a specific width on the items?
>
> Here's my css code for the nav:
>
> ul#nav {
>        margin:0;
>        padding:0;
>        float:right;
>        text-align:right;
>        width:550px;
>        list-style:none;
>        }
>
> #nav li {
>        margin:0;
>        padding:0;
>        font:italic normal 1.1em Georgia, "Times New Roman", Times, serif;
>        display:block;
>        float:left;     }
>
> #nav li a {
>        color:#000;
>        text-decoration:none;
>        padding-left:15px;
>        text-align:right;
>        }
>
> #nav li a:visited {
>        text-decoration:none;
>        color:#000;
>        }
>
> #nav li a:hover {
>        text-decoration:none;
>        color:#be7734;
>        }
>
> here's the live site for reference:
> http://www.associationdatabase.com/aws/360/pt/sp/home_page
> css file: http://209.235.212.107/screen.css
> __
> 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-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] getting a horizontal list to float to the right

2010-02-19 Thread Chris Kavinsky 
I'm working on a site with a horizontal navigation. Ideally, I would
like the list to float to the right side of the frame, but due to
applying float:left to the individual li items, I can't get it to work
properly. Am I doing something wrong, or is there a trick for this
without sieeting a specific width on the items?

Here's my css code for the nav:

ul#nav {
margin:0;
padding:0;
float:right;
text-align:right;
width:550px;
list-style:none;
}

#nav li {
margin:0;
padding:0;
font:italic normal 1.1em Georgia, "Times New Roman", Times, serif;
display:block;
float:left; }

#nav li a {
color:#000;
text-decoration:none;
padding-left:15px;
text-align:right;
}

#nav li a:visited {
text-decoration:none;
color:#000;
}

#nav li a:hover {
text-decoration:none;
color:#be7734;
}

here's the live site for reference:
http://www.associationdatabase.com/aws/360/pt/sp/home_page
css file: http://209.235.212.107/screen.css
__
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] Noscript tags and degradation

2010-02-19 Thread Nancy Johnson 
This to me is a new way of thinking, as I Generally use ,
The sites I work on are heavily js and jquery, and none of it  is
embedded all linked. .

Can you tell me where I might find hands on tutorial?

Thanks

Nancy

On Thu, Feb 18, 2010 at 1:38 PM, Thierry Koblentz
 wrote:
>> My need to utilize noscript tags or something similar stems from the
>> exact
>> problem mentioned here - styles won't kick in fast enough when adding
>> ".js"
>> to the body or some other method. For example, in my js degraded
>> version, I
>
> Actually, I mentioned using the *HTML* element rather than BODY to do this.
> That way you don't run into the issue you describe.
>
>
> --
> Regards,
> Thierry
> www.tjkdesign.com | www.ez-css.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-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] Moving css to external css changes results?!

2010-02-19 Thread ljr 
>  css messes up. Why on earth is this happening? Very strange. Maybe the
>  onpage css takes precendce over the external css?

I haven't looked at your URL, but the order of precedence is inline,
embedded, and then external.  You may be changing the cascade order by
moving some of the styles from embedded to external.

__
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] Moving css to external css changes results?!

2010-02-19 Thread ed 
Ed wrote:
 http://bit.ly/dhg6xI
 For some reason that I cannot understand when I move my css from the html
 to the css file (even when I leave the conditional code in the html) the
 css messes up. Why on earth is this happening? Very strange. Maybe the
 onpage css takes precendce over the external css?

Phil wrote:
Relative paths ?

Ed writes:
There are no relative paths on the css on the html page. Any paths on the
external css should not be affected by moving the css from the html to the
extenral css. But something is going on!http://bit.ly/dhg6xI


__
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] Moving css to external css changes results?!

2010-02-19 Thread Philip TAYLOR 
Relative paths ?

e...@copywritecolombia.com wrote:

> http://bit.ly/dhg6xI
> For some reason that I cannot understand when I move my css from the html
> to the css file (even when I leave the conditional code in the html) the
> css messes up. Why on earth is this happening? Very strange. Maybe the
> onpage css takes precendce over the external css?

Philip Taylor
__
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] Table Cells Too Large in Some Versions of Firefox

2010-02-19 Thread absynthe minded web smithes 
The problem is it's a commercial app, and to see it you'd have to
purchase a cruise. Now, maybe that's something you'd like to do, but
I'm not in the habit of asking people to pay hundreds of dollars to
help me. :-)

We thought we found the problem, user defined font sizes (which is
still a problem regardless), but as soon as people who saw the problem
upgraded their versions of FF, the problem went away. So now I have
even less of a clue, since I can't see the problem on *anyone's*
machine. But it was there, so I'm sure a small group of our users are
probably experiencing it.

It has to be something user defined, because I wiped FF off my machine
completely, even the registry entries. I installed FF 2.0.12,
installed stand alone versions of 3.0.17 and 3.0.15, and I still
didn't see it.

Thanks anyway, everyone who responded.

--

Marc Luzietti
absynthe minded web smithes
http://www.absynthe.us/
954.496.0162


On Fri, Feb 19, 2010 at 7:40 AM, Philippe Wittenbergh  wrote:
>
> On Feb 19, 2010, at 2:21 AM, absynthe minded web smithes wrote:
>
>> I'm working on a hybrid table/css layout (legacy code). In some older
>> versions of Firefox (we've seen the error in 3.0.16 and 3.5.7) on
>> Windows XP, some table cells are about three times the height they
>> should be (30px). It looks correct in all versions of IE, and in
>> Chrome, and in FF3.6. On *my* pc, I cannot even replicate the error at
>> all, regardless of which version of FF I use.
>>
>> Firebug doesn't show any obvious CSS that would give the cells 90px
>> height. The children of the cells (spans) have no height properties.
>>
>> I was hoping that it was the standards mode issue with tables inside
>> cells, but the dtd is transitional. I thought maybe JS might be doing
>> this, but script added styles still show up ion Firebug.
>>
>> Since I can't even replicate it on my own PC, I can't experiment and
>> fix it. But I've seen it on other PCs.
>>
>> What sort of thing might cause this?
>
> Since you don't provide a URL for the offending page(s), it will be very hard 
> for any of us to debug or fix this :-).
> Just a wild guess: do the those rows contain floated elements?
>
> (and make sure you have validated your html pages)
>
> 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/

[css-d] Moving css to external css changes results?!

2010-02-19 Thread ed 
http://bit.ly/dhg6xI
For some reason that I cannot understand when I move my css from the html
to the css file (even when I leave the conditional code in the html) the
css messes up. Why on earth is this happening? Very strange. Maybe the
onpage css takes precendce over the external css?

__
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] Floats at the beginning of lists

2010-02-19 Thread Climis, Tim 
Take a look at this page: 
http://www.indiana.edu/~intlserv/orientation/arrival_housing.php, and scroll 
down to the cab company list.

In Firefox 3.6, the bullets appear correctly.  However, that's the only place 
it's right.  The problem, I believe, is that I've floated the first thing in 
the list.  Because in Webkit (Chrome, and Safari, and Arora) the bullet shows 
up in front of the first non-floated element.  In Opera, it shows up twice- 
once in front of the float, and once in front of the non-float.  And in IE, 
there's no bullet at all.  And of course, in IE6/7, the bullet's in the wrong 
place, AND the non-float is on a new line.

I don't think I'm looking for a solution, actually, because this is the 
umpteenth problem I've run into with this structure.  So I think I might just 
give up and re-work it.  But it thought it might amuse you all to see something 
this screwed up.

---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] Table Cells Too Large in Some Versions of Firefox

2010-02-19 Thread Philippe Wittenbergh 

On Feb 19, 2010, at 2:21 AM, absynthe minded web smithes wrote:

> I'm working on a hybrid table/css layout (legacy code). In some older
> versions of Firefox (we've seen the error in 3.0.16 and 3.5.7) on
> Windows XP, some table cells are about three times the height they
> should be (30px). It looks correct in all versions of IE, and in
> Chrome, and in FF3.6. On *my* pc, I cannot even replicate the error at
> all, regardless of which version of FF I use.
> 
> Firebug doesn't show any obvious CSS that would give the cells 90px
> height. The children of the cells (spans) have no height properties.
> 
> I was hoping that it was the standards mode issue with tables inside
> cells, but the dtd is transitional. I thought maybe JS might be doing
> this, but script added styles still show up ion Firebug.
> 
> Since I can't even replicate it on my own PC, I can't experiment and
> fix it. But I've seen it on other PCs.
> 
> What sort of thing might cause this?

Since you don't provide a URL for the offending page(s), it will be very hard 
for any of us to debug or fix this :-).
Just a wild guess: do the those rows contain floated elements?

(and make sure you have validated your html pages)

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/