W3C home > Mailing lists > Public > www-style@w3.org > December 2010

Re: Two CSS challenges

From: Gérard Talbot <www-style@gtalbot.org>
Date: Sun, 26 Dec 2010 19:11:19 -0800
Message-ID: <26947c7484140ee0975167cf3dfde3f1.squirrel@cp3.shieldhost.com>
To: "Andrew Fedoniouk" <news@terrainformatica.com>
Cc: "W3C style mailing list" <www-style@w3.org>

Le Dim 26 décembre 2010 17:55, Andrew Fedoniouk a écrit :
> Here is the link:
> http://terrainformatica.com/w3/like-a-button.htm
>
> it contains referential button that you can try.

Andrew,

Because of your lack of valid doctype declaration, your webpage triggers
backward-compatible "quirks" rendering mode in all of the latest versions
of mainstream browsers (IE7, IE8, IE9, Firefox 3.x, Opera 11, Chrome 6+,
Konqueror 4.x, etc.). This, I believe, is not what you want; you should
always try - for lots of reasons - to always trigger web standards
compliant rendering mode in all browsers.

> Please do this in IE

Which version of IE? IE 6 ? IE 7 ? IE 8 ? IE 9? IE 9 PP3? or IE 9 PP7 ?

And then what is your IE setting for styling display of form controls in
such IE version??

> as
> other browsers did not manage to make button press right

Press how exactly? When a push button is pressed, there is no
given specified, normative rules to follow with regards to its display. An
:activated push button is going to look pushed for a few tenths of a
second at the most, then it will get the look of a :focused push button.

>, I suspect for
> reasons that I've mentioned.

Please answer this simple question: do you want to create an offset toward
the right and toward the bottom when the span is :activated? If so, why?
Please elaborate.


> And now click on button-alike-span - that is how it should be done ideally
> (consider this as requirement at least).
>
> As you see I was forced to use <span><label>text</label></span> but
> I would like to avoid use of that label element - it is redundant.
> Ideally CSS should allow to do such simple things.


Andrew, I'm sorry.

1- I still do not know what exactly you want to achieve. Providing a
button in the page still does not accurately define this.

2- Your webpage example has validation issues.

3- "gold" is CSS3 color name, not valid in CSS 2.1.

4- <button>'s default type is submit, not button: and this is known to be
a bug in IE6 and IE7. This may not do much with regards to your situation
... but even that is not clear.

Please do not top-post.

regards, Gérard

> -----Original Message-----
> From: "Gérard Talbot"
> Sent: Sunday, December 26, 2010 2:47 PM
> To: Andrew Fedoniouk
> Cc: W3C style mailing list
> Subject: Re: Two CSS challenges
>
> Le Sam 25 décembre 2010 12:31, Andrew Fedoniouk a écrit :
>> Here are two challenges that have no solutions in modern CSS.
>>
>> 1. Consider this simple markup:
>>
>> <p> Something <span>Like a Button</span></p>
>>
>> I would like to define the span above to behave (visually) as a button -
>> on
>> span:active I would like to shift/offset its text from its normal
>> position
>> by 1px.
>
> [snipped]
>
> Here's a recap of the proposed testcases so far with 3 customized
> (according to my tastes,... although line-height: 1.25 is almost necessary
> here):
>
> A button-like span shift/offset its text by 1px when :activated, version
> 1:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left.html
>
> A button-like span shift/offset its text by 1px when :activated, version
> 1.1:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left-v1.1.html
>
> A button-like span shift/offset its text by 1px when :activated, version
> 2:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left-v2.html
>
> A button-like span shift/offset its text by 1px when :activated, version
> 2.1:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left-v2.1.html
>
> A button-like span shift/offset its text by 1px when :activated, version
> 3:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left-v3.html
>
> A button-like span shift/offset its text by 1px when :activated, version
> 3.1:
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/button-like-span-activated-moves-left-v3.1.html
>
> All 6 testcases work as expected in Firefox 3.6.13, Opera 11.0, Chrome
> 8.0.552.224 and Konqueror 4.5.4.
>
> season's greetings, Gérard
> --
> CSS 2.1 Test suite RC4 (December 10th 2010)
> http://test.csswg.org/suites/css2.1/20101210/html4/toc.html
>
> Contributions to CSS 2.1 test suite
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/
>
> Web authors' contributions to CSS 2.1 test suite
> http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
>
>
>


-- 
CSS 2.1 Test suite RC4 (December 10th 2010)
http://test.csswg.org/suites/css2.1/20101210/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
Received on Monday, 27 December 2010 03:11:57 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:35 GMT