Re: [css-d] can i use javascript for rounded corners for ie and css3 for rest
you could use some js that use the ccs3 properties as a basis, like curvy corner, or css3 pie . for exeamples, the respective sites are self explanatory bye 2012/4/13 meera kibe meera_k...@yahoo.com Hi I don;t want to use images(and thus a different css file) for giving rounded corners for my divs in IE but i def want to use css3 for other browsers. So for IE can i use javascript to get the effect. Can some one please show me a quick example of the code, just where and how to insert the IE bit Thanks Meera __ css-discuss [css-d@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 [css-d@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] what are vendor specific prefixes?????
Hi Can someone explain to me in very simple terms what are vendor specific prefixes. Any article to read would be more than welcome to drive the point home. Meera __ css-discuss [css-d@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] what are vendor specific prefixes?????
On 4/13/12 11:37 AM, meera kibe meera_k...@yahoo.com wrote: Hi Can someone explain to me in very simple terms what are vendor specific prefixes. Any article to read would be more than welcome to drive the point home. Meera __ They are simple. Venders (aka browsers ... Well sorta) put in styles that only belong to them. They are not written in the standard. Some of them are like beta testing for standard. After awhile the people who make the standards may include them as is (minus the prefix) Or add something that is a little different. Webkit's are the most famous (Notorious?) Prefixes start with a - So you have -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit and -moz are prefixes and the last one is standard. __ css-discuss [css-d@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] what are vendor specific prefixes?????
Good Morning Meera You wrote: Hi Can someone explain to me in very simple terms what are vendor specific prefixes. Any article to read would be more than welcome to drive the point home. Meera The references below are the first two links in a google search for vendor specific prefixes. (1) Sitepoint and (2) A List apart are both reliable sources. You might also want to check the list wiki (3) for info like this. Jim Nannery 1. http://reference.sitepoint.com/css/vendorspecific 2. http://www.alistapart.com/articles/prefix-or-posthack/ 3. http://css-discuss.incutio.com/ __ css-discuss [css-d@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] positioning
Greetings, Why does the sphere not show up in IE/9 or Opera? http://ccstudi.com/svg.html Thanks. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@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] positioning
On 4/13/12 7:12 PM, David Laakso wrote: Greetings, Why does the sphere not show up in IE/9 or Opera? http://ccstudi.com/svg.html I don't have IE 9 ATM. Opera Developer Tools gives this error message: -o-background-size is an unknown property Opera 11.62 on OS X 10.7.3 :( -- Cordially, David __ css-discuss [css-d@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] positioning
On 4/13/12 7:12 PM, David Laakso wrote: Greetings, Why does the sphere not show up in IE/9 or Opera? http://ccstudi.com/svg.html Apologies for the too hasty reply. The media queries all seem to target either webkit or moz. Could that be the answer? -- Cordially, David __ css-discuss [css-d@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] positioning
On Apr 14, 2012, at 11:12 AM, David Laakso wrote:
Why does the sphere not show up in IE/9 or Opera?
http://ccstudi.com/svg.html
1. the media query only targets Gecko and Webkit, Opera will not see anything…
@media only screen and (-opera-min-device-pixel-ratio: 1/1) {} will allow
Opera11.0+ to see the svg file.
2. For IE9 (and IE10dp), there are no media query of that type.
3. You can safely remove the -o- and -ms- prefixed background-size; the
-webkit- and -moz- can still be kept for older Safari iOS 4.x, Safari running
on 10.4 and 10.5, Camino.
(Camino will not see your svg file anyway, as it doesn't support svg on
background-image and it doesn't understand the device-pixel-ratio media query).
4. you could also use (in addition to the existing media query) min-resolution:
1dppx. That does the same as (min-device-pixel-ratio: 1) and is already
standardised [1] (as opposed to device-pixel-ratio). I believe Gecko will
implement this relatively soon, and remove the device-pixel-ratio).
[1] http://www.w3.org/TR/css3-values/#resolution
have fun,
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [css-d@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] positioning
On 13.04.2012 23:21, David Hucklesby wrote: The media queries all seem to target either webkit or moz. Could that be the answer? Yes! Opera and IE never see the relevant styles. A more cross-browser mediaquery makes it work as intended. Georg __ css-discuss [css-d@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/
