Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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.
avatar

[Nihil]
Membre habitué(e)

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

https://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