Bonjour à tous,

Alors voilà, je viens cherchez la science du CSS auprès de nos grands savants. J'ai une question, et un tout léger pitit soucis. Rien de trop méchant je pense.
Alors avant, tout, c'est un forum en construction, et je travaille actuellement sur le formulaire de présentation, que je cherche à faire le plus ludique possible. ^_^
Le voici donc: http://dreamcatgraph.conceptforum.net/t7-formulaire#7

Alors, ma question que voici: On remarque que l'image est rotative. J'aime beaucoup l'effet, mais je cherche à donner le mouvement de "glissement" de l'image. Pourriez vous m'aider?
Tutoriel utilisé: http://www.css-actif.com/t7121-effet-de-rotation


Pour ce qui est de mon soucis, vous remarquerez que juste en dessous, j'ai des guillemets (pour lesquels j'ai utilisé un code d'ombre sous texte), mais il y a un saut de ligne entre le premier et "citation", ainsi qu'entre "citation" et le deuxième. Oui, j'ai besoin d'aide sur ce coup là, car il n'y a même pas de balise br dans mon texte. =/
Tutoriel utilisé: http://www.css-actif.com/t2242-effet-ombre-sous-l-ecriture#117098


EDITE: J'ai remarqué un bug en dessous de mon message. Les ions concernants l'utilisateurs sont tous décalés à gauche. Quelqu'un accepterait de vérifier mon code? Pour moi il n'y a pas d'anomalie mais bon...

Code:

<center><div style="width: 500px; height:150; background-color: #c9b09d; border-top: solid 8px #70554B; border-bottom: solid 5px #70554B; border-left: solid 1px #70554B; border-right: solid 1px #70554B;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;><table><tr><td width=500>[justify]<blockquote>
[left]Texte

<img src="http://i44.servimg.com/u/f44/17/44/01/02/29529410.png" class="imgrotation"></img>
<div class="ombretexte">«</div>CITATION ICI<div class="ombretexte">»</div>

[/left]</blockquote>[/justify]</td></tr></table></div></div></center>

Merci infiniment pour votre aide!

Salut, on ne peut pas voir la page sans être inscrit

Autant pour moi. J'ai ouvert l'accès.
Et oubliez pour le petit bug, j'ai trouvé. Il manquait un ". >_>

Merci

Donc pour le glissement, il te suffit de rajouter ce code dans la propriété de l'image normal (pas :hover)

Code:

-webkit-transition: all 0.3s ;
   -moz-transition: all 0.3s ;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s ;

Tu peux modifier 0.3s comme tu le souhaite.

Et pour le reste, il te suffit de remplacer les div par des span, car les divs ont un retour a la ligne auto

Anhhhhh c'est extra. <33
Merci infiniment pour la rapidité de réponse, tout est réglé nickel. Franchement, top du top. Merci beaucoup.