Re: [css-d] Default % values - newbie question.

[David Dorward]

2008/11/6 MEM <[EMAIL PROTECTED]>:
> I've also put the font-size: 100% but, here, I don't understand why. :s

It fixes an Internet Explorer bug regarding em units and the font size
scaling option on the view menu.

> But if we declare 100% at the top, what does the browser know about the
> relative values?

"When a percentage value is set for a property of the root element and
the percentage is defined as referring to the inherited value of some
property, the resultant value is the percentage times the initial
value of that property. " --
http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
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] Just how pure must it be?

[Edward Collier]

I'm relatively new to CSS and I'm really enjoying the challenge of
separating content from presentation.  However, I'm wondering how pure
one "ought" to be.

I'm currently playing with this wee block of HTML:


Subscribe to our mailing list
Enter your E-mail address


  

I'd like the legend to be BOLD, so I have two (or possibly more!)
options:


Subscribe to our mailing
list

or


Subscribe to our mailing list

with a class such as:

.formbold {
font-weight: bold;
}

Similarly, in a block of text, is it permissible to put in-line  or
 tags - e.g.


You MUST bring your Registration Form with you when you
attend your first class.

Thanks

Edward

__
css-discuss [EMAIL PROTECTED]
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] control td text

[Bill Brown]

[EMAIL PROTECTED] wrote:
> Thank you for your reply. But when I use the suggestion for the css of 
> {display: block:  text-align: center;  display: bold;}, it will work in IE 
> 7 but not Firefox 3.0.3. I'm using td.boldcenter for the class name so my 
> codes looks like this:
> 
>   9-25-08
>   Name
>   This is where some information would go that I do not
>  want centered or bold.
>  
> Can you tell me what I'm missing for it to work in Firefox?
> Tommy

Hi Tommy--

I might be tuning in a bit late here, but isn't this essentially what 
you want?

   
 
   9-25-08
   Name
   This is where some information would go that I do not want 
centered or bold.
 
   


Should work in all browsers and doesn't even require CSS modifications 
since HTML already has a tag in place for this sort of thing.

Hope it helps.
Bill

-- 
~~~
Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999"
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
"The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
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] Just how pure must it be?

[Edward Collier]

-Original Message-
From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED] 
Sent: 07 November 2008 12:17
To: CSS-D
Cc: Edward Collier
Subject: Re: [css-d] Just how pure must it be?


On Nov 7, 2008, at 8:06 PM, Edward Collier wrote:

> For example, I'd like to set the width of all the "input" form  
> controls
> in fieldsets to the same value.
>
> .formcontent input {width:300px}
>
> However, this sets the width of submit buttons as well.  Can I  
> restrict
> it to inputs of type "text" only?  Or do I need to apply the class
> explicitly to all the controls?

input[type="text"] {width:300px} will do fine in most browsers [1].  
Unfortunately, that won't work in IEplorer 6, an oldie that still is  
used by way to many people.

In that case, appending a class to the textfields, and use that as a  
selector will work.

[1] attribute selectors:



Thanks Philippe - looks like the way to go!

Edward




__
css-discuss [EMAIL PROTECTED]
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] control td text

[Tommy_Tiller]

Hi Bill, Thanks for the suggestion. I might be doing something wrong, but 
when I tried using the th tag it would bold the text but not center it 
like I thought it should. I tried it in IE and Firefox, both with the same 
results. Would it have something to do with my doctype? I'm using xhtml 
1.0 transitional.

Tommy

Hi Tommy--

I might be tuning in a bit late here, but isn't this essentially what 
you want?

   
 
   9-25-08
   Name
   This is where some information would go that I do not want 
centered or bold.
 
   


Should work in all browsers and doesn't even require CSS modifications 
since HTML already has a tag in place for this sort of thing.
__
css-discuss [EMAIL PROTECTED]
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] online sources for CSS?

[David Laakso]

Lou Hernsen wrote:
> I se you all talking about so much more than what are in my books.
> Could I get some online sources for complete up to date CSS?
> thanks
> Lou
>   

These may help...



-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Just how pure must it be?

[Edward Collier]

> I'm relatively new to CSS and I'm really enjoying the challenge of 
> separating content from presentation.  However, I'm wondering how 
> pure one "ought" to be.

As pure as you can manage, while checking that all slightly older
browsers that you think you have to support actually understand you.
Impurities may add up and make styling and maintenance harder than it
need to be, so only add extras when you can't make it work otherwise.

No need to add extra classes unless you have more than one element of
the same type inside a container you can use to target your element via.

So based on your source-code, the following...

.formcontent legend {font-weight:bold}

...should give you a bold legend-text.

This will work as well...

fieldset legend {font-weight:bold}

...but it depends on what else you have in your page(s). All legends in
all fieldsets will get bold text, you know, but that's all.

Thank you Georg (and others)

I like the look of this approach, but wondered whether it was possible
to make these conditional.

For example, I'd like to set the width of all the "input" form controls
in fieldsets to the same value.

.formcontent input {width:300px}

However, this sets the width of submit buttons as well.  Can I restrict
it to inputs of type "text" only?  Or do I need to apply the class
explicitly to all the controls?

Thanks again

Edward

__
css-discuss [EMAIL PROTECTED]
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] Just how pure must it be?

[Gunlaug Sørtun]

Edward Collier wrote:
> I'm relatively new to CSS and I'm really enjoying the challenge of 
> separating content from presentation.  However, I'm wondering how 
> pure one "ought" to be.

As pure as you can manage, while checking that all slightly older
browsers that you think you have to support actually understand you.
Impurities may add up and make styling and maintenance harder than it
need to be, so only add extras when you can't make it work otherwise.

No need to add extra classes unless you have more than one element of
the same type inside a container you can use to target your element via.

So based on your source-code, the following...

.formcontent legend {font-weight:bold}

...should give you a bold legend-text.

This will work as well...

fieldset legend {font-weight:bold}

...but it depends on what else you have in your page(s). All legends in
all fieldsets will get bold text, you know, but that's all.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] online sources for CSS?

[Lou Hernsen]

I se you all talking about so much more than what are in my books.
Could I get some online sources for complete up to date CSS?
thanks
Lou
__
css-discuss [EMAIL PROTECTED]
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] online sources for CSS?

[Rasal Postill]

On Fri, 7 Nov 2008 08:36:59 -0500, Lou Hernsen wrote:

| I se you all talking about so much more than what are in my books.
| Could I get some online sources for complete up to date CSS?
| thanks
| Lou

Here is a great list of resources:


-- 
Rasal Postill
Dance your Life - 
__
css-discuss [EMAIL PROTECTED]
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] Just how pure must it be?

[Philippe Wittenbergh]

On Nov 7, 2008, at 8:06 PM, Edward Collier wrote:

> For example, I'd like to set the width of all the "input" form  
> controls
> in fieldsets to the same value.
>
> .formcontent input {width:300px}
>
> However, this sets the width of submit buttons as well.  Can I  
> restrict
> it to inputs of type "text" only?  Or do I need to apply the class
> explicitly to all the controls?

input[type="text"] {width:300px} will do fine in most browsers [1].  
Unfortunately, that won't work in IEplorer 6, an oldie that still is  
used by way to many people.

In that case, appending a class to the textfields, and use that as a  
selector will work.

[1] attribute selectors:



Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
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] tiled background in front - can I do it?

[Jody Levinson]

How about without stretching horizontally? This image needs to tile  
rather than stretch.

Thanks!


On Nov 6, 2008, at 9:35 PM, Philippe Wittenbergh wrote:

>
> On Nov 7, 2008, at 2:22 PM, Jody Levinson wrote:
>
>> I want a horizontally repeated background tile across the very bottom
>> of the window only and I want it to be in front, so that text seems  
>> to
>> scroll up from behind it.
>
> An absolute positioned, or fixed positioned, block at the bottom of
> the window, stretched to fill it horizontally, with a fixed height,
> filled with a background-image will do that for you.
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
>
>
>
>
>
> __
> css-discuss [EMAIL PROTECTED]
> 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/

--
TroutDream Graphics, Inc.
Always fresh. Never canned.
http://troutdream.com
425-883-8277
928-833-8277 fax

__
css-discuss [EMAIL PROTECTED]
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] tiled background in front - can I do it?

[Patrik Jansson]

On 7.11.2008 19:33, Jody Levinson wrote:
> How about without stretching horizontally? This image needs to tile  
> rather than stretch.
>
> Thanks!
>
>   
Philippe meant that the block containing your tiled background-image is 
stretched to fill the window. So the image tiles within the block, but 
the block's width needs to be equal to the window's (or its containing 
div's) width.

--patrik

> On Nov 6, 2008, at 9:35 PM, Philippe Wittenbergh wrote:
>
>   
>> On Nov 7, 2008, at 2:22 PM, Jody Levinson wrote:
>>
>> 
>>> I want a horizontally repeated background tile across the very bottom
>>> of the window only and I want it to be in front, so that text seems  
>>> to
>>> scroll up from behind it.
>>>   
>> An absolute positioned, or fixed positioned, block at the bottom of
>> the window, stretched to fill it horizontally, with a fixed height,
>> filled with a background-image will do that for you.
>>
>> Philippe
>> ---
>> Philippe Wittenbergh
>> http://l-c-n.com/
>>
>>
>>
>>
>>
>> __
>> css-discuss [EMAIL PROTECTED]
>> 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/
>> 
>
> --
> TroutDream Graphics, Inc.
> Always fresh. Never canned.
> http://troutdream.com
> 425-883-8277
> 928-833-8277 fax
>
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] control td text

[David Hucklesby]

On Thu, 6 Nov 2008 12:04:21 -0600, [EMAIL PROTECTED] wrote:
> Is it possible to control the text in a td field with css? I would like to 
> make some
> entries bold and centered and control this thru css. I do not want to control 
> the whole
> table row, just some of the td entries. This is what I'm currently using:
>
> 
> 9-25-08  align="center"> href="xxx.pdf">Name
> This is where some information would go that I do not want centered or 
> bold.
> 
>
>
> I thought I could make a class for td and apply that to the appropriate areas 
> but can
> not seem to get it to work. Thanks in advance for any help.
>

It's hard to generalize from such a small sample, but in this particular
case you would not need any classes at all - nor would you need the
HTML ALIGN attribute nor the STRONG elements. This would suffice:

td {
font-weight: normal;
text-align: left;
}
td div {
font-weight: bold;
text-align: center;
}

This may not apply to your particular case - I'm only guessing.

P.S. Sorry about the late reply. Having ISP problems!

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
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] Site Check for IE layout issues

[SuzT808]

Hello I would appreciate a review of the following page as I am having a
hard time getting a handle on how to ensure all of my content is in the
right place in Internet Explorer 7 and 6. I am trying to leave 5 out and IE
8 looks okay, I believe this is a fairly simple design and perhaps I may
have overcomplicated it so that I can either start fresh or have a clearer
indication of what to do and not do next time.
Please ignore ( or if you have suggestions on a better approach) the
slideshow being blank or the duplicate music player..

www.cocomomi.com/index8.html

Thank you in advance
Suz
__
css-discuss [EMAIL PROTECTED]
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] tiled background in front - can I do it?

[David Hucklesby]

> On Nov 6, 2008, at 9:35 PM, Philippe Wittenbergh wrote:
>
>>
>> On Nov 7, 2008, at 2:22 PM, Jody Levinson wrote:
>>
>>> I want a horizontally repeated background tile across the very bottom of 
>>> the window
>>> only and I want it to be in front, so that text seems to scroll up from 
>>> behind it.
>>>
>>
>> An absolute positioned, or fixed positioned, block at the bottom of the 
>> window,
>> stretched to fill it horizontally, with a fixed height, filled with a 
>> background-
>> image will do that for you.
>>
On Fri, 7 Nov 2008 10:33:30 -0800, Jody Levinson then asked:
> How about without stretching horizontally? This image needs to tile rather 
> than stretch.
>

I think Philippe was referring to the block element being "stretched"
(likely a DIV just inside the BODY element). Background images cannot
be re-sized in any way at the moment, but will tile automatically if
you specify only the background-image URL.

Note that DIVs normally "stretch" to fill available horizontal space --
no need to apply any special rules for that- you only need a height.

It seems like you want position: fixed; - be aware this does not work
in IE 6 and earlier.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
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] unfloated form drops in IE

[David Hucklesby]

On Thu, 6 Nov 2008 19:50:34 -0200, Luc wrote:
>
> page:
> http://www.dzinelabs.com/sandbox/MP/Pages/Contact.php
>
> The problem: if you set the font-size in IE to largest and resize the 
> viewport, the
> form drops all the way down. What puzzles me is that the form isn't floated 
> so i can't
> put my finger on it. Firefox, Mozilla seem to do fine.
>
> The width for the containing div is bigger than for the fieldset. So i'm not 
> sure
> what's going one:  some bug, or math that doesn't add up somewhere else?
>
> Css compliant browsers:
>
> http://www.dzinelabs.com/sandbox/MP/Stylesheets/MP.css
>
> IE style sheet:
>
> http://www.dzinelabs.com/sandbox/MP/Stylesheets/ie.css

I'm not seeing this behavior in IE 6 nor IE 7 this end (Win xp).
Did you fix it, or are you using a different version of IE ?

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
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] control td text

[Tommy_Tiller]

Thanks David, You put me on the right track. I made a rule for the tag th 
and left td to it's default and that worked. I'm not sure why I was trying 
to make things harder that they needed to be. Sometimes you can't see the 
forest for the trees. Thanks again for the solution.

Tommy


It's hard to generalize from such a small sample, but in this particular
case you would not need any classes at all - nor would you need the
HTML ALIGN attribute nor the STRONG elements. This would suffice:

td {
font-weight: normal;
text-align: left;
}
td div {
font-weight: bold;
text-align: center;
}


__
css-discuss [EMAIL PROTECTED]
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] unfloated form drops in IE

[Luc]

Good evening David, 

It was foretold that on 07/11/2008 @ 11:39:23 GMT-0800 (which was
17:39:23 where I live) David Hucklesby would write:

> I'm not seeing this behavior in IE 6 nor IE 7 this end (Win xp).
> Did you fix it, or are you using a different version of IE ?

You don't see it? Strange, haven't fixed it. Using Win xp IE6.0.2900.
IE7 is a stand alone version.

Font-size at largest and resizing the browser window and you don't
get the drop? Hmmm  well, if it's only at my end,"there's
something rotten in the state of my system" :-)

 
-- 
Best regards,
 Luc
_


Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

"All women wait for the man of their life - in the meantime, they get
married." - Anonymous 


__
css-discuss [EMAIL PROTECTED]
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] Site Check for IE layout issues

[SuzT808]

Hello I may be sending this twice, as it doesn't appear as though it reached
the list.

> Hello I would appreciate a review of the following page as I am having a
> hard time getting a handle on how to ensure all of my content is in the
> right place in Internet Explorer 7 and 6. I am trying to leave 5 out and IE
> 8 looks okay, I believe this is a fairly simple design and perhaps I may
> have overcomplicated it so that I can either start fresh or have a clearer
> indication of what to do and not do next time.
> Please ignore ( or if you have suggestions on a better approach) the
> slideshow being blank or the duplicate music player..
>
> www.cocomomi.com/index8.html
>
> Thank you in advance
> Suz
>
__
css-discuss [EMAIL PROTECTED]
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] Site Check for IE layout issues

[Frynge Customer Support]

In my internet explorer 7, there are large spaces under the email and the 
radio

In firefox, it shows the player right under the stamp.

You have a bit of java script that can be put in to a script instead of 
inside the main source code

Kelly Sigethy - Frynge.com
Web Design - Hosting - Advertising
http://www.frynge.com
1-403-251-9486 (Calgary)
1-866-331-9684 (Toll Free - Canada and the USA)
+44 (0)8717 206 505 (United Kingdom)

- Original Message - 
From: "SuzT808" <[EMAIL PROTECTED]>
To: 
Sent: Friday, November 07, 2008 2:35 PM
Subject: Re: [css-d] Site Check for IE layout issues


> Hello I may be sending this twice, as it doesn't appear as though it 
> reached
> the list.
>
>> Hello I would appreciate a review of the following page as I am having a
>> hard time getting a handle on how to ensure all of my content is in the
>> right place in Internet Explorer 7 and 6. I am trying to leave 5 out and 
>> IE
>> 8 looks okay, I believe this is a fairly simple design and perhaps I may
>> have overcomplicated it so that I can either start fresh or have a 
>> clearer
>> indication of what to do and not do next time.
>> Please ignore ( or if you have suggestions on a better approach) the
>> slideshow being blank or the duplicate music player..
>>
>> www.cocomomi.com/index8.html
>>
>> Thank you in advance
>> Suz
>>
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] online sources for CSS?

[Frynge Customer Support]

Here you go

http://www.csszengarden.com/
http://www.w3.org/TR/CSS2/
http://cssvault.com/
http://www.wpdfd.com/issues/70/css_from_the_ground_up/
http://css.maxdesign.com.au/listamatic/
http://www.alvit.de/handbook/
http://www.stylegala.com/

Kelly Sigethy - Frynge.com
Web Design - Hosting - Advertising
http://www.frynge.com
1-403-251-9486 (Calgary)
1-866-331-9684 (Toll Free - Canada and the USA)
+44 (0)8717 206 505 (United Kingdom)

- Original Message - 
From: "Lou Hernsen" <[EMAIL PROTECTED]>
To: 
Sent: Friday, November 07, 2008 6:36 AM
Subject: [css-d] online sources for CSS?


>I se you all talking about so much more than what are in my books.
> Could I get some online sources for complete up to date CSS?
> thanks
> Lou
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] Pixel Terror II - Pixel Strikes Back

[MEM]

Hi again, 

Thanks a lot for the solution about the escape. I haven't been that much
concerned about it, because I thought it was only because my text was bigger
than the footer size. :s  I've tried to search the internet for information
regarding text scape, but I was unable to find it.

Is it possible for you, to give me some links to learn more about it?


Thanks a lot once again,
Márcio

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: quinta-feira, 6 de Novembro de 2008 16:57
To: MEM
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Pixel Terror II - Pixel Strikes Back

David Laakso wrote:
> MEM wrote:
>   
>> See it here please:
>> http://www.cantinho.org/test5.html
>>
>>   
>> 
>
>
>
> The text escapes the footer with font-scaling.
>   



This corrects the footer.
#footer {
border-top:1px solid fuchsia; < 4 position only
border-bottom:1px solid fuchsia; < 4 position onlu
color:#fff; < add
clear:both;
height:12px; < delete
background:#99;
}

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Styling with cursor:pointer doesn't work in IE - what now?

[Lourens Thalen]

Are you using the href attribute? this is what triggers the pointer if I'm
right..

2008/11/6 Brett Leber <[EMAIL PROTECTED] <[EMAIL PROTECTED]>>

> Hi list,
>
> In 2005, someone had a similar question, but there was no response:
> http://archivist.incutio.com/viewlist/css-discuss/52019
>
> Using cursor:pointer on an  appears to work in Firefox 3 (and
> probably other browsers), but not IE7.
>
> Is this a known limitation? Are there sensible workarounds?
>
> We'd really like to use a "pointer" mouse cursor for the s since
> they are they only parts of the image map that are clickable.
>
> Thanks!
>
> Brett
>
> __
> css-discuss [EMAIL PROTECTED]
> 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/
>



-- 
http://www.linkedin.com/in/lourensthalen
__
css-discuss [EMAIL PROTECTED]
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] Separate an underline from the text underlined

[MEM]

Thanks for your reply. Actually, I'm doing my underline using this:

.linksprincipais#navigation ul li a:hover{
border-bottom: 10px solid black;
}

I don't want an underline of 1 px, what I want is 1px distance between the
navigation button and the underline (when we mouse over the button).
Here: http://www.cantinho.org/test5.html I have the underline immediately
after the button, but I'd like to put one 1px difference between the button
(green box) and the black bar underline (so that you can see a 1px white
line between the button and the underline).


Thanks a lot,
Márcio

Ps- I was unable to see the link to the test page on your other e-mail. 









-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jukka K. Korpela
Sent: quinta-feira, 6 de Novembro de 2008 17:21
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Separate an underline from the text underlined

MEM wrote:

> Is there a way to separate and underline from his text using CSS?

If I understand you correctly, you would like to put the underline that you 
get with text-decoration: underline (either explicitly or via the use of 
default rendering for links or  or ) at a lower position than it is 
normally placed. I can understand the need for that especially when the text

contains letters with descenders (j, g, þ etc.) or even underline "_" 
characters.

There's nothing for that in CSS as currently defined and implemented, and 
not even a draft worth mentioning. (The very sketchy CSS 3 Text draft 
mentions text-underline-position without saying much of what it might mean.)

You can however circumvent this by using a bottom border instead of an 
underline. This also lets you use different line styles, colors, and widths.

On the downside, it might then be too far from the text. And although it is 
easy to make the distance larger, using padding-bottom, there's no direct 
way to make it smaller, unless I'm missing something. You would need 
auxiliary markup for reducing the distance.

You could use something like

foog

with

span.link a { text-decoration: none; margin-bottom: -1px; }
span.link { border-bottom: solid 1px blue; }

but it gets rather awkward.

So why not consider the simple move of _removing_ the underline on 
mouseover, e.g. with
a:hover { text-decoration: none; }
since the underline has done its job when the user has recognized a link and

moved the pointer over it?

> Normally a underline places itself after the li element,  and we can
> change this by using a padding on a:hover property right?

Pardon? You lost me. URL?

> But that "drags" de li background, and the intention was to detach the
> underline and put it one pixel lower so that, between the text and the
> underline we have a 1px white space. Is this possible using CSS?

The question is a bit of a mystery. Do you mean that you have


foog
  ...


and you have tried something like

ul a:hover { padding-bottom: 1px; }

First of all, a one-pixel change is more probably either annoying or 
unnoticeable rather than useful. Second, the CSS 2.1 draft says:
"User agents are not required to reflow a currently displayed document due 
to pseudo-class transitions. For instance, a style sheet may specify that 
the 'font-size' of an :active link should be larger than that of an inactive

link, but since this may cause letters to change position when the reader 
selects the link, a UA may ignore the corresponding style rule."

And this seems to be what IE 7 does, for example. Besides, it would not move

the underline, since the underline is part of the content and the padding 
appears below it.

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] Default % values - newbie question.

[MEM]

Thanks. :) I'm clarified, after reading this text several times. :D


"When a percentage value is set for a property of the root element and
the percentage is defined as referring to the inherited value of some
property, the resultant value is the percentage times the initial
value of that property. "


Thanks a lot,
Márcio.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of David Dorward
Sent: sexta-feira, 7 de Novembro de 2008 8:56
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Default % values - newbie question.

2008/11/6 MEM <[EMAIL PROTECTED]>:
> I've also put the font-size: 100% but, here, I don't understand why. :s

It fixes an Internet Explorer bug regarding em units and the font size
scaling option on the view menu.

> But if we declare 100% at the top, what does the browser know about the
> relative values?

"When a percentage value is set for a property of the root element and
the percentage is defined as referring to the inherited value of some
property, the resultant value is the percentage times the initial
value of that property. " --
http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] tiled background in front - can I do it?

[Philippe Wittenbergh]

On Nov 8, 2008, at 4:53 AM, David Hucklesby wrote:

> Note that DIVs normally "stretch" to fill available horizontal space  
> --
> no need to apply any special rules for that- you only need a hei

Nope. An absolute positioned, or fixed positioned, block element (div)  
will shrink-wrap to the width of its content unless a width is declared.




Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
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] Pixel Terror II - Pixel Strikes Back

[David Laakso]

MEM wrote:
> Hi again, 
>
> Thanks a lot for the solution about the escape. I haven't been that much
> concerned about it, because I thought it was only because my text was bigger
> than the footer size. :s  I've tried to search the internet for information
> regarding text scape, but I was unable to find it.
>
> Is it possible for you, to give me some links to learn more about it?
>
>
> Thanks a lot once again,
> Márcio
>
>   



RE: 
Let the software do its little thing without restriction.  All will be 
well. Or, will it?
__
css-discuss [EMAIL PROTECTED]
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] Pixel Terror II - Pixel Strikes Back

[MEM]

" Let the software do its little thing without restriction.  All will be 
well. Or, will it?"

I think I've not understand your reply. I've not yet made the css
arrangements that you have provide, but I will. I just like to know more
about the escape so I can avoid that on the future.

Thanks once again,
Márcio



-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: sábado, 8 de Novembro de 2008 1:48
To: MEM
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Pixel Terror II - Pixel Strikes Back

MEM wrote:
> Hi again, 
>
> Thanks a lot for the solution about the escape. I haven't been that much
> concerned about it, because I thought it was only because my text was
bigger
> than the footer size. :s  I've tried to search the internet for
information
> regarding text scape, but I was unable to find it.
>
> Is it possible for you, to give me some links to learn more about it?
>
>
> Thanks a lot once again,
> Márcio
>
>   



RE: 
Let the software do its little thing without restriction.  All will be 
well. Or, will it?

__
css-discuss [EMAIL PROTECTED]
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] Pixel Terror II - Pixel Strikes Back

[David Laakso]

On Fri, Nov 7, 2008 at 9:03 PM, MEM <[EMAIL PROTECTED]> wrote:

> " Let the software do its little thing without restriction.  All will be
> well. Or, will it?"
>
> I think I've not understand your reply. I've not yet made the css
> arrangements that you have provide, but I will. I just like to know more
> about the escape so I can avoid that on the future.
>
> Thanks once again,
> Márcio
>
>
>




In plain English, do not impose restrictions on the  software when it is not
in the users interest to do so.
#footer {
height:12px; < :: delete ::
}

PS
Yet another bottom post brought to you and yours by gmail.
__
css-discuss [EMAIL PROTECTED]
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] Site Check for IE layout issues

[David Laakso]

SuzT808 wrote:
> Hello I would appreciate a review of the following page as I am having a
> hard time getting a handle on how to ensure all of my content is in the
> right place in Internet Explorer 7 and 6. .
>
> www.cocomomi.com/index8.html
>
>
> Suz
>
>   



You are running Proprietary HTML not XHTML strict. The resolution of 
this issue is best left to a list pro.


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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 help - IE problems

[Al Kendall]

G'day David,
If you take a look at the three images you will note;
1.  In Firefox v3, it looks great.
2.  In IE v7 all the graphics and text are much larger and take up much more
space on the screen.
3.  In Opera v9, it close to firefox, but you not in the drop-down menu
there are gaps under each link and then one link is too long so it drops
down to a second line with a great space.

1. http://www.alsfitt.com/images/firefox-v3.jpg
2. http://www.alsfitt.com/images/ie-v7.jpg
3. http://www.alsfitt.com/images/opera-v9.jpg

Cheers
Al


On Wed, Nov 5, 2008 at 5:22 AM, David Laakso
<[EMAIL PROTECTED]>wrote:

> Al Kendall wrote:
>
>>Looking at trying to find a solution to my site (
>> www.alsfitt.com)
>> which when viewed in IE it is much lager than in the gecko browsers.
>>
>>
>
>
>
> Not sure what you mean. Please clarify the question:
>
> "when viewed in IE it is much lager than in the gecko browsers."
>
> The page appears relatively the same on this end in compliant browsers and
> IE/7 (with content cross-over overlapping on a drag to windows 1024 and
> 800). There are additional issues in IE/6.
>
>
>
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>


-- 
Cheers!

Al Kendall
__
css-discuss [EMAIL PROTECTED]
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] Site Check for IE layout issues

[SuzT808]

On Fri, Nov 7, 2008 at 9:58 PM, David Laakso
<[EMAIL PROTECTED]>wrote:

> SuzT808 wrote:
>
>> Hello I would appreciate a review of the following page as I am having a
>> hard time getting a handle on how to ensure all of my content is in the
>> right place in Internet Explorer 7 and 6. .
>>
>> www.cocomomi.com/index8.html
>>
>>
>> Suz
>>
>>
>>
>
>
>
> You are running Proprietary HTML not XHTML strict. The resolution of this
> issue is best left to a list pro.
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
> Hi,
I assume you are referring to the DOCTYPE ?  Is the HTML proprietary because
of the javascript for flash ( from Adobe) ? Should this be transitional or
another HTML Doctype altogether ?

Thanks
__
css-discuss [EMAIL PROTECTED]
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/