[RESOLU]Agrandissement d une image vers la gauche (avec un :hover)

Bonjour a tous,

Je n'ai pas trouve la réponse a ma question sur les différent forum et site web donc je viens vers vous.

Explication :
j'ai une image sur une colonne a droite du site.
lorsqu'on passe la souris dessus, elle s'agrandit (codé en CSS).
J'aimerai que lorsque la photo s'agrandisse, elle recouvre les textes, titres, ... qui la "gène".
Mais elle s'agrandit vers la droite (et donc "sors" de la page), et j aimerai donc qu'elle s'agrandisse vers la gauche (le coin en haut a droite de l'image fixe).

Quelqu'un pourrait-il me donner une piste ou une solution ??



PS :si je ne suis pas très clair, j'aimerai que ca donne le même effet que sur le site www.bakchich.info, quand on passe la souris sur les dessins.

Le code :
CSS pour le zoom :

.zoom{
display:block;
}
.zoom img{
width:250px;
height:175px;
}
.zoom img:hover{
width:640px;
height:448px;
}

CSS pour la colone :

#droite {
color:#FFFFFF;
position: absolute;
right:0;
text-align:right;
width: 260px;
border-bottom:1px solid #FF0000;
}

Html :

<div id="droite">
<div class="zoom">
<img src="DSC07250.jpg"/></div>
<p class="titre">HISTORIQUE DE LA COMPAGNIE</p>
 </div>

Merci bcp et merci pour ce site et ce forum qui m'ont déjà pas mal sauve sans avoir a poster. (et m'a permis aussi de débuter en html et css)
Modifié par estrare (08 Nov 2008 - 19:13)

Hello estrare et bienvenue ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Il faut mettre
position:absolute
à ton image

Heyoan, tu m'as pris de court, j etais en train de l'editer.... mais je ferai plus attention.

ThePatatoes, merci, mais l'absolute, je l a met ou ?? car si je le met dans la id droite tout part en vrille et dans la class zoom ca ne marche pas non plus...

Oui pardon il faut mettre le absolute dans le :hover.

Merci.
Ça s'améliore...il recouvre bien le reste,
MAIS l'image continue de s'agrandir "vers la droite" et non vers la gauche.
Pour le moment le point haut gauche de l image est fixe alors que j aimerais que ce soit le point haut droite.
Une idée ??

J ai trouve.
J ai ajoute position:absolu dans la def de img:hover ET right:0 !

Merci.

Cool