Salut,
Je souhaiterais faire une animation à l'ouverture de mon site (portes qui coulissent), j'ai utilisé la fonction jquery animate mais quand les portes s'ouvrent dès qu'elles atteignent le bord de la fenêtre l'une d'elle va à la ligne. Je souhaiterais savoir s'il était possible de faire en sorte qu'elles restent sur la même ligne mais que la partie qui sort soit masquée ?  
Si vous voulez voir le problème c'est ici => http://ygleseyes.no-ip.org puis cliquez sur l'image.
 
Merci
 
Eagles

Les img sont dans le flux du span. Le padding-right de la première porte interfère sur la deuxième porte. Le span est de largeur max "la largeur de l'écran", et les 2 portes + leur padding font au moins plus de 1,1 la largeur de l'écran, donc il y a un saut de ligne dans le flux lorsque les 2 portes ne tiennent plus sur la ligne.
On peut voir le phénomène avec l'inspecteur de code de Google Chrome par exemple.
 
De plus lorsque l'on déplace des éléments dans des positions exotiques, il vaut qu'ils soient en position absolute.
 
J'ai essayé ces modifications du code qui ont l'air de fonctionner :

C'est nickel merci pour ton aide