[css-d] implement a zig zag border on a div's border

2012-06-26 Thread meera kibe
Hi  what's the simplest way to implement a zig zag border on a div' border. I dont' want to use css3. i have read something of the border-image but don't wan to use it now as there is poor browser support with this. I will have to make a inverted traingle  in ps and then repeat it on x axis  

Re: [css-d] implement a zig zag border on a div's border

2012-06-26 Thread David Hucklesby
On 6/26/12 4:50 AM, meera kibe wrote: Hi what's the simplest way to implement a zig zag border on a div' border. I dont' want to use css3. i have read something of the border-image but don't wan to use it now as there is poor browser support with this. I will have to make a inverted traingle in

Re: [css-d] css3 animations - page check please

2012-06-26 Thread Sandy
You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml getting this to work in different browsers was surprisingly tricky (ignore the heap of rubble that's 1test to 7test please).

Re: [css-d] css3 animations - page check please

2012-06-26 Thread David Hucklesby
On 6/26/12 9:48 AM, Sandy wrote: You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml [...] 3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet

Re: [css-d] css3 animations - page check please

2012-06-26 Thread David Laakso
On Tue, Jun 26, 2012 at 12:48 PM, Sandy sfeld...@sympatico.ca wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and

Re: [css-d] css3 animations - page check please

2012-06-26 Thread HallMarc Sales
Sorry I have only a second to jump in - [] First do you know about caniuse.com? Great resource for seeing what is supported and by whom. Next, Opera doesn't support the animation property yet try something like -o-transition: background-color .25s ease-out; just add :hover to the rule with the

Re: [css-d] css3 animations - page check please

2012-06-26 Thread Sandy
3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet for Safari Chrome. 2 questions: - does this work in pc browsers? - what's up with 3? A.1. If this refers to #3, you'll have the same problem A.2. You don't have a gradient defined for Webkit. Instead,

Re: [css-d] css3 animations - page check please

2012-06-26 Thread Sandy
http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and 9/ :: pass 3/ :: fails Opera/12.00 1/ Changes block

[css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
Hi all, I'm trying to figure out if it's possible (via purely CSS) to take some UPPERCASE TEXT and display it as Title Case (i.e. The First Letter Of Every Word Capitalized), or, less ideally but better than all-caps, Sentence case (i.e. The first letter of the sentence/element capped, the rest

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Philip TAYLOR
Perhaps the spaces here : p class=grid_10 search-result span class=title Philip Taylor Kyle Sessions wrote: I'm trying to figure out if it's possible (via purely CSS) to take some UPPERCASE TEXT and display it as Title Case (i.e. The First Letter Of Every Word

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
On Tue, Jun 26, 2012 at 3:43 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote: Perhaps the spaces here : p class=grid_10 search-result span class=title Philip Taylor Thanks, Philip. Hmm, interesting thought. I wouldn't think it would make a difference, since my CSS is targeting

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Philip TAYLOR
Kyle Sessions wrote: Any other ideas? Well, I ran into problems with ::first-letter some time ago, and I seem to recall that they lay with the display mode. If I remember correctly, you can manipulate correctly the first letter of a P, but not of a SPAN within a P. This is all from memory,

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Philip TAYLOR
W3C : The :first-letter pseudo-element applies to block container elements. The :first-letter pseudo-element can be used with all such elements that contain text, or that have a descendant in the same flow that contains text. A UA should act as if the fictional start tag of the first-letter

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Kyle Sessions
On Tue, Jun 26, 2012 at 4:29 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote: W3C : The :first-letter pseudo-element applies to block container elements. The :first-letter pseudo-element can be used with all such elements that contain text, or that have a descendant in the same flow that

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Philip TAYLOR
Kyle Sessions wrote: Incidentally, it seems like I've seen it in various places online as :first-letter and in other places as ::first-letter. Does it matter if you use one colon or two? Why? W3C : This [double-colon] notation is introduced in order to establish a discrimination between

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread Philippe Wittenbergh
Le 27 juin 2012 à 08:33, Kyle Sessions a écrit : Incidentally, it seems like I've seen it in various places online as :first-letter and in other places as ::first-letter. Does it matter if you use one colon or two? Why? CSS 2.1 vs CSS selectors; Philip already linked to the relevant part.

Re: [css-d] css3 animations - page check please

2012-06-26 Thread David Laakso
On Tue, Jun 26, 2012 at 6:31 PM, Sandy sfeld...@sympatico.ca wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? David, thanks so much for taking the time to go through these - this is really helpful. - 1 *is* just a colour change (as in starting small).

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

2012-06-26 Thread David Hucklesby
On 6/26/12 4:33 PM, Kyle Sessions wrote: On Tue, Jun 26, 2012 at 4:29 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote: W3C : The :first-letter pseudo-element applies to block container elements. The :first-letter pseudo-element can be used with all such elements that contain text, or that have a