28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

Je suis entrain (comme beaucoup de personnes ici) de créer un site internet pour une entreprise. Cependant, un petit problème survient. Dans mon menu "social" (au dessus de ma section logo...), j'aimerais afficher mes icones sociales hover en blanc quand l'utilisateur passe sa souris sur le cadre qui lui est réservé. Le problème, c'est que le hover ne s'affiche que sur l'image sociale et pas la zone entière.

Voir le lien ici => http://connectivetechnologies.co.uk/

Pour définir les images correspondantes, j'ai édité les propriété suivantes :


.icon-social-twitter:before {
    content: url(http://connectivetechnologies.co.uk/wp-content/uploads/2014/04/social-icon-twitter.png);
}

.icon-social-twitter:hover:before{
    content: url(http://connectivetechnologies.co.uk/wp-content/uploads/2014/04/social-icon-twitter1.png);
}


Comment est-ce que je pourrais avoir l'image twitter et linkedin en blanc sur toute la zone dédiée et pas seulement le l'image elle-même?


Merci d'avance Smiley biggrin
Bonjour et bienvenue Smiley smile

Je ne suis pas sûre d'avoir bien compris ce que tu veux faire, mais si c'est "avoir l'image de picto twitter blanc quand je survol n'importe quelle partie du lien pas que l'image" tu étais pas loin :

 a:hover .icon-social-twitter:before {
content: url(http://connectivetechnologies.co.uk/wp-content/uploads/2014/04/social-icon-twitter1.png);}
C'est bien ça et ça fonctionne ! Ça parait tellement simple dit comme ça !

Je te remercie pour ton aide Stéphanie Smiley cligne