Code css image grossis

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code css image grossis

Message par Carlnat le Jeu 16 Jan 2014 - 18:39

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


Dernière édition par Nathalie ODQ le Mer 22 Jan 2014 - 3:37, édité 1 fois

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code css image grossis

Message par Carlnat le Jeu 16 Jan 2014 - 19:33

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

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code css image grossis

Message par [Nihil] le Jeu 16 Jan 2014 - 20:52

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.

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code css image grossis

Message par Carlnat le Mer 22 Jan 2014 - 3:36

Merci beaucoup
Je l'applique à tout ça

Grandement apprécié

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum