Code css image grossis

[Carlnat]

Bonjour,


Déjà à l'avance je vous remercie de l'aide que vous s'aurez m'apporter.

Donc voilà j'ai fait ce code css

Code:

img:hover
{
    width: 500px;
    height: auto;
    display: inline-block;
    position: relative;
}

Qui lors du passage de la souris sur cette image celle-ci grossit.

Mais le but serais que seul les images posté dans les sujets est cette fonction.

jusqu'à présent celle-ci fonctionne sur tout ce qui est image sur tout le forum qui avec le temps tombe sur les nerfs.

Mon but d'isoler ce code pour que seul les images dans les sujets est cette fonction.

Encore une fois merci.

Nathalie

[Carlnat]

Bon après avoir lu un sujet similaire sur forum actifs j'en reviens à réduire ce code comme ceci:

Code:

img:hover
{
  width:100%;
  height:100%;
}

Mais le hic c'est d'isoler seulement que cette fonction soit établis au image envoyé dans les sujet des membres.

Merci encore

[[Nihil]]

Effectivement, pour pouvoir isoler ce code seulement aux images dans les sujets, il faut changer le sélecteur.

Code:

.postbody .content img { /* code CSS */}
.postbody .content img:hover { /* code CSS */}

Je pense que ceci devrait fonctionner.

[Carlnat]

Merci beaucoup
Je l'applique à tout ça

Grandement apprécié