Re: [css-d] Stop going to first frame - css animation

[Crest Christopher]

I did what was mentioned on that page, and it didn't work, literally 
four times, now it works.



Tom Livingston 
Sunday, May 08, 2016 6:34 PM
Google is amazing:

http://stackoverflow.com/questions/12991164/maintaining-the-final-state-at-end-of-a-css3-animation



On Sunday, May 8, 2016, Crest Christopher 


Crest Christopher 
Sunday, May 08, 2016 6:30 PM
What is the CSS animation property to prevent a element from going 
back to the start.  For example; you apply a keyframe for left;


0%
left: 0

25%
left: 45px;

75%
left: 82px;

100%;
left:100px

When the animation finishes playing, instead of it stuck at keyframe 
100% it reverts back to keyframe 0%; which I don't want ?


__
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] Stop going to first frame - css animation

[Tom Livingston]

Google is amazing:

http://stackoverflow.com/questions/12991164/maintaining-the-final-state-at-end-of-a-css3-animation



On Sunday, May 8, 2016, Crest Christopher 
wrote:

> What is the CSS animation property to prevent a element from going back to
> the start.  For example; you apply a keyframe for left;
>
> 0%
> left: 0
>
> 25%
> left: 45px;
>
> 75%
> left: 82px;
>
> 100%;
> left:100px
>
> When the animation finishes playing, instead of it stuck at keyframe 100%
> it reverts back to keyframe 0%; which I don't want ?
> __
> 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/
>


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
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] Stop going to first frame - css animation

[Crest Christopher]

What is the CSS animation property to prevent a element from going back 
to the start.  For example; you apply a keyframe for left;


0%
left: 0

25%
left: 45px;

75%
left: 82px;

100%;
left:100px

When the animation finishes playing, instead of it stuck at keyframe 
100% it reverts back to keyframe 0%; which I don't want ?

__
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] Stop supporting IE 6 and 7

[Barney Carroll]

Sometimes it seems to me that this list is entirely populated by
freelancers  hobbyists (not that I have anything against either).

Speaking for myself, over the last 5 years I've worked in an agency
that specialised in large information resources for the third sector,
digital marketing (ads), large ecommerce sites, and digital design
(mostly vanity sites).

I don't have a list of browsers I support, I get it handed to me by
the client. IE6 has always been on it. I usually get to make the
caveat that visual parity may be off with IE, but non-support is never
an option.

You have to make it an option, you might say. Personally, I call
that a lack of professionalism — whether it's down to misplaced
political posturing or sheer laziness. The client wants this site to
look as good as possible, and I can do that. It will take extra time
and effort (and hence money) to make that work across the board, but
it is almost always possible. If I was resolute on the no stance,
the client would look elsewhere. Several 6-figure sites I have been
involved in designing and developing were commissioned from offices
that ran nothing but IE6 (and still do). If you make the effort, you
can conceive that for a client to whom the website is actually
important (as in, fulfills a distinct function), for example allowing
people to find the information they need in their daily jobs, or
selling their product directly to their customers, alienating a
fraction of users, however small, is not appealing — especially when
it;s such a common request.

For those who are still resolute, you might at some point get a
potential client who will insist on IE6 support (as I've said, this is
the ONLY kind of serious client I've dealt with at all for the past 4
years) or move on to one of the million other web professionals who
will support IE6. Don't feel too ashamed if you decide to give the
customer what they want, earn yourself a living, and make a product
enjoyable for more people.

If it's really too difficult, you can always stop talking politics and
ask this list for technical help — it's absolutely priceless for that
;)


Regards,
Barney Carroll

barney.carr...@gmail.com
07594 506 381
__
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] Stop

[Dave M G]

... hammertime.

-- 
Dave M G
__
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] Stop

[Scott Wilcox]

I just about pissed myself laughing at that :D

Dave M G wrote:
 ... hammertime.

   
__
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] Stop

[Irwin Williams]

-- 
Irwin Williams
785-1268

Do you see a man skilled in his work?
He will serve before kings; he will not
serve before obscure men.
Proverbs 22:29
__
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] Stop textarea expanding outside fieldset??? (when textsize changed)

[Jukka K. Korpela]

On Sun, 8 Jul 2007, Greg Hauptmann wrote:

 Can anyone confirm how to stop a TEXTAREA expanding outside the bounds of
 its enclosing FIELDSET (which has a border)

By setting

textarea { width: 97%; }

The reason for not setting the width to 100% is that a fieldset element 
has default padding (and it's normally not a good idea to remove it).

The reason for using width instead of the more logical max-width is that 
IE 6 does not support the latter.

 when the TEXT SIZE is changed
 (increased)???

The setting I mentioned works, with the usual CSS Caveats of course, 
independently of text size.

 Is this possible? via HTML or CSS or otherwise?

Via CSS. Not in HTML, since in HTML, you can set the width of a textarea 
as number of characters only, via the cols attribute. Note that the cols 
attribute is required by HTML syntax rules and should have a useful value, 
since it determines the width when CSS styling is disabled.

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

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stop textarea expanding outside fieldset??? (when textsize changed)

[Greg Hauptmann]

Hi all,

Can anyone confirm how to stop a TEXTAREA expanding outside the bounds of
its enclosing FIELDSET (which has a border) when the TEXT SIZE is changed
(increased)???

Is this possible? via HTML or CSS or otherwise?

Thanks in advance
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop textarea expanding outside fieldset??? (when textsize changed)

[David Hucklesby]

On Sun, 8 Jul 2007 07:49:19 +1000, Greg Hauptmann wrote:
 Hi all,

 Can anyone confirm how to stop a TEXTAREA expanding outside the bounds of its 
 enclosing
 FIELDSET (which has a border) when the TEXT SIZE is changed (increased)???

 Is this possible? via HTML or CSS or otherwise?

~~

AFAIK you can control the size of all input fields, including the
textarea, using CSS. Using pixel sizes should do the trick. 

You may like to give a size via HTML attributes
as well, for non-CSS situations. The CSS overrides the HTML.

If there are exceptions, I don't know of any.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stop me before I add content!! - A browser check, an advice check - General Testing

[Christopher Blake]

Hi all.

http://www.3pointdesign.com/

http://www.3pointdesign.com/styles/one.css

This is eventually going to be the home of my new site. After months  
of redesigning and changing my mind I have got something that I am  
happy with. Before I start adding too much content, could people  
please give me as much feedback as possible with regards to browser  
testing, things to be aware of etc.

Kind regards, Chris



Christopher Blake
[EMAIL PROTECTED]
07816163420



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop me before I add content!! - A browser check, an advice check - General Testing

[Joanne]

In IE7  Firefox, the first row of boxes lines up, but the bottom two rows
don't. Not sure if you wanted them all to line up. 

Your rounded corners box where the navigation is just shows white and not
your background diagonal image.

JOanne
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop me before I add content!! - A browser check, an advice check - General Testing

[David Hucklesby]

On Fri, 13 Apr 2007 22:09:34 +0100, Christopher Blake wrote:
 Hi all.

 http://www.3pointdesign.com/

 http://www.3pointdesign.com/styles/one.css

 This is eventually going to be the home of my new site. After months of 
 redesigning and
 changing my mind I have got something that I am happy with. Before I start 
 adding too
 much content, could people please give me as much feedback as possible with 
 regards to
 browser testing, things to be aware of etc.

Interesting concept. I usually start out with content, mark it up
sensibly first, then add styles after.

Still - the first impression is nice. I suggest you use a valid method
of including Flash, rather than the deprecated EMBED[1].
It may help with IE 7, too.

The footer text @ 9px is tiny on my laptop - equal to 5 points on a
printed page. If I increase text size, the welcome message bursts
out of its box.

You may like to use a spell checker once you have meaningful content.
(I know I can't get away without one.)

[1] http://blog.deconcept.com/swfobject/

Cordially,
David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop the cascade

[Zoe M. Gillenwater]

Brian Ogden wrote:
 Is there a way to do this:

 div style=text-align:centerSome Content
 div id=this one must be nested in the one above
 style=text-align:none/div
 /div

 In other words how do I stop the cascade?
   

You can't stop the cascade.  But every property has a default value, and 
you can set a property back to its default value in the second div.  In 
your case, use text-align: left;.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop the cascade

[Adam Kuehn]

At 11:25 AM 2/2/2006, Zoe M. Gillenwater wrote:
Brian Ogden wrote:
  Is there a way to do this:
 
  div style=text-align:centerSome Content
  div id=this one must be nested in the one above
  style=text-align:none/div
  /div
 
  In other words how do I stop the cascade?

You can't stop the cascade.  But every property has a default value, and
you can set a property back to its default value in the second div.  In
your case, use text-align: left;.

Just to be clear, you can reset the property to the value of your 
choosing.  If you know the default value, you can pick that one and 
explicitly reset the property.  What you can't do, though, is reset 
the property to whatever it would have been otherwise.  For example, 
suppose you have the following:

body
   div style=color: red
  psome text/p
   /div
/body

The paragraph will inherit the red text color, so the words some 
text will ordinarily be red.  You can explicitly reset this to some 
other value.  However, there is no way in pure CSS to tell the 
paragraph text to be the same color as the body text, unless you 
explicitly know the color value of the body text.  (In most UAs it 
will default to black.)  There is no way to uninherit or zero out 
a property value.  Once a property has a value, you need to 
explicitly override that value.

I don't know if that makes a difference to you or not, but I wanted 
to note it since there are times when this can be an issue 
(especially when doing a redesign).

HTH,



-Adam Kuehn 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stop the cascade

[Brian Ogden]

Is there a way to do this:

div style=text-align:centerSome Content
div id=this one must be nested in the one above
style=text-align:none/div
/div

In other words how do I stop the cascade?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop the cascade

[cj]

On 2/1/06, Brian Ogden [EMAIL PROTECTED] wrote:
 Is there a way to do this:

 div style=text-align:centerSome Content
 div id=this one must be nested in the one above
 style=text-align:none/div
 /div

 In other words how do I stop the cascade?


the only two ways i know how to do this are:

- give the outside div an actual class/id and specify the
don't-want-to-cascade styling to the class/id instead of the generic
div element

- do just what you did, and overwrite the parent's styling with
default-like styling such as none
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Stop the Cascade

[Brian Ogden]

Is there any way to stop a child element from inheriting style properties of 
its parent element?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop the Cascade

[David Dorward]

On 01/02/06, Brian Ogden [EMAIL PROTECTED] wrote:
 Is there any way to stop a child element from inheriting
 style properties of its parent element?

Specify something other the inherit as the value for that property
on the child element.

(No, you can't inherit from the grandparent).


--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Stop the Cascade

[Paul Novitski]

At 12:46 PM 2/1/2006, Brian Ogden wrote:
Is there any way to stop a child element from inheriting style 
properties of its parent element?



I would say No -- the best you can do is counter the inherited rule 
with another.

p
{
 background-color: #FFF;
}
p span
{
 background-color: #000;
}

more:
http://www.w3.org/TR/CSS21/cascade.html#inheritance

Paul

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] stop text from wrapping around a floated image?

[Philip Wills]

On 6/28/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 Isnt that what a clear is for? Correct me if Im wrong.

Clearing ensures a subsequent element appears below a floated element.
 There's no equivalent horizontally orientated clearing, however
margins allow us to mimic this behaviour easily as long as the width
of the floated element is known.

Hope that makes sense.

Phil Wills
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] stop text from wrapping around a floated image?

[Philip Wills]

 Is there any way to stop text from wrapping ar4ound a floated image?
 
 In my example, I have a list with images and text in, and the images are 
 floated to the left. This then means that the text, if it is long enough, 
 wraps around the underneath of the image. I am wondering if there is any 
 graceful way to stop this without wrapping the text in a div (or maybe a 
 p) as well and floating that to the right.

Why not just put the text in a paragraph, it's difficult to know why
this might be semantically dubious without seeing the page, then give
that paragraph a left margin?

Phil Wills
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/