Bonjour à tous !
Alors voilà pour la nouvelle version de mon forum je comptais faire une présentation du staff en slide, avec une image laissant la place à du texte.
Seulement voilà le code ne marche pas, ou une fois sur deux, c'est très aléatoire. Voici les codes que j'ai utilisé:
- Code:
-
<div id="slides"><div> <p> Ecrire ici </p> <img alt="Mon image" src="http://img11.hostingpics.net/pics/326774madouce9.png" /></div></div>
- Code:
-
#slides div {
background: #373747;
padding: 10px;
font-size: 12px;
text-align: justify;
height: 300px;
margin: 5px;
overflow:hidden;
position: relative;
width: 180px;
}
#slides div img {
left: 0; top: 0;
position: absolute;
transition: transform 0.5s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out;
-o-transition: -o-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
#slides div:hover img {
transform: translateX(-200px);
-moz-transform: translateX(-200px);
-o-transform: translateX(-200px);
-webkit-transform: translateX(-200px);
}
J'ai pris ces codes sur un site, je remercie d'avance celui ou celle qui m'aidera parce que moi je ne sais plus quoi faire T_T
Sam 30 Mar 2024, 22:07 par 
? Car là je viens de tester avec juste ton code (dans une page HTML) et ça marche bien ^^'
