[jQuery] Re: Animation Issue

2009-04-15 Thread Leonardo K 
Your page didn't work in Opera, IE7 and IE6. :(

Instead of using display:inline-block on span.projects, change to
float:left; Another thing, when using the animation, i dont know why, but
the jquery use overflow:hidden and your left image (border) disappear in the
animation. So this css should solve the issue:

.projects{
float:left;
overflow:visible !important;
}

Instead of using the important in the css to solve the overflow issue u can
put this on js (not tested): $(this).parent().animate({width: 514px,
overflow: visible}, 500);

On Tue, Apr 14, 2009 at 19:30, Connor con...@letsbeglobal.com wrote:


 Hi,

 I've had this issue when animating before, but have always found a
 hack around it. But for this project I can't think of any work around.
 What happens is some elements inside the animated element and near the
 animated element disappear during animation. To view it in action go
 to http://www.cyberantix.org/demo/portfolio/projects.html

 Click on any of the projects to expand them. See how parts disappear?
 Does anyone know how to fix this?

 One other note: I haven't debugged this for Internet Explorer yet, so
 if you would, try it in any other browser.

 Thanks,


 Connor

 Let me know if you would prefer me to paste the code here instead of
 looking at the source code.

[jQuery] Re: Animation Issue

2009-04-15 Thread Connor 

Thanks! Your advice worked like a charm.

On Apr 15, 7:58 am, Leonardo K leo...@gmail.com wrote:
 Your page didn't work in Opera, IE7 and IE6. :(

 Instead of using display:inline-block on span.projects, change to
 float:left; Another thing, when using the animation, i dont know why, but
 the jquery use overflow:hidden and your left image (border) disappear in the
 animation. So this css should solve the issue:

 .projects{
     float:left;
     overflow:visible !important;

 }

 Instead of using the important in the css to solve the overflow issue u can
 put this on js (not tested): $(this).parent().animate({width: 514px,
 overflow: visible}, 500);

 On Tue, Apr 14, 2009 at 19:30, Connor con...@letsbeglobal.com wrote:

  Hi,

  I've had this issue when animating before, but have always found a
  hack around it. But for this project I can't think of any work around.
  What happens is some elements inside the animated element and near the
  animated element disappear during animation. To view it in action go
  tohttp://www.cyberantix.org/demo/portfolio/projects.html

  Click on any of the projects to expand them. See how parts disappear?
  Does anyone know how to fix this?

  One other note: I haven't debugged this for Internet Explorer yet, so
  if you would, try it in any other browser.

  Thanks,

  Connor

  Let me know if you would prefer me to paste the code here instead of
  looking at the source code.