Loading ...
Sorry, an error occurred while loading the content.
 

Re: [ydn-javascript] YUI + Animation + Imageless Rounded Corners == ???

Expand Messages
  • Matt Sweeney
    Hi Justin, Have you looked at the element s style.width and height after the animation completes to verify that it is actually what you specified? Matt
    Message 1 of 2 , Aug 30 3:22 PM
      Hi Justin,

      Have you looked at the element's style.width and height after the
      animation completes to verify that it is actually what you specified?
      Matt

      justinplindh wrote:

      >I'm working on an app where I'm using div elements for layout. I
      >initially size the div to 0x0 and use a YAHOO.util.anim effect to
      >resize the div for actual use once the document loads.
      >
      >I'm trying to round the corners on the div once the animation is
      >completed. I've found a few solutions on the web (such as "Krazy
      >Korners", found at: http://www.cssplay.co.uk/boxes/krazy.html) which
      >use only CSS and no images. I'm applying the CSS className attribute
      >to the divs after the animation has completed. No images are required
      >because I'll need the app to be externally customizable via CSS.
      >
      >My problem is that the corners never match up after the animation. If
      >I strip the animation and simply apply the CSS classes things work as
      >desired. I think the animation may somehow be leaving faulty
      >height/width values for the div behind, but that's purely speculation.
      >
      >My question, then, is if anybody has tried imageless rounded corners
      >when using YUI animations. If so, what method did you use? Were there
      >workarounds used in the YUI code?
      >
      >Any and all help is greatly appreciated. Thanks!
      >
      >Justin
      >
      >
      >
      >
      >
      >
      >
      >Yahoo! Groups Links
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.