Affichage d'un texte au survol d'un bouton

Résolu/Fermé
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 - Modifié par Cracotte_xp le 29/04/2013 à 16:58
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 - 29 avril 2013 à 17:24
Bonjour, Je me doute que cette question a été posée beaucoup de fois mais... je n'y ai pas trouvé de réponse dans mon cas, sur internet.

J'aimerai que lorsque l'utilisateur passe sa souris sur mon bouton imprimer il y ait écrit une petite phrase à cote "Imprimer".

Mes questions sont : Dois-je ajouter ça dans .boutonImprimer dans le hover sur le fichier .css ?

Peut-on contrôler les paramètres d'affichage de ce texte ?

8 réponses

gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
29 avril 2013 à 16:47
Bonjour,
Un attribut title ne suffirait pas?

PS: tu n'es pas dans le bon forum.
0
Utilisateur anonyme
29 avril 2013 à 16:50
Salut salut,

J'aurais utiliser onmouseover avec une fonction javascript qui fait apparaitre et disparaitre une div avec ce que tu souhaites à l'intérieur.
0
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 16:55
Ce n'est pas possible en CSS avec le hover qui me change déja la couleur de fond du bouton ?
0
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 16:54
En effet, ça marche je me sens plutôt con la o-o.

Mais y a t'il moyen de rendre l'affichage de ce texte plus rapide, et de le personnaliser ?

Pourquoi ne suis-je pas dans le bon forum?
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
Modifié par gardiendelanuit le 29/04/2013 à 16:56
Le bon forum serait soit HTML soit CSS dans "webmaster"
Sinon pour rendre tout ça plus jolie je te conseillerais de t'orienter vers ce que kyser soze propose sauf que personnelement je n'utiliserais que du CSS3.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 16:58
Oui je voulais utiliser du CSS vu que j'ai déja changé le fond du bouton, le curseur de la souris lors de son survol... en CSS ! Mais je ne sais pas comment afficher un texte en CSS..
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
29 avril 2013 à 17:03
En reprenant le cheminement de kyser: une div dans lequel tu met ton texte , un background, de la transparence, border-radius... bref tout ce qui peut ergonomiser tout ca et ensuite la faire apparaitre dès en utilisant le :hover sur ton bouton.
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
Modifié par gardiendelanuit le 29/04/2013 à 17:12
Full CSS3:
#ma_div_txt{ 
     opacity: 0; 
     //Tout pour rendre jolie 
}  
#mon_boutton:hover + #ma_div_txt{ 
     opacity: 1; 
}  


Merci de mettre "Résolu" quand le problème est réglé!
La connaissance c'est comme la confiture: moins on en a et plus on l'étale.
0
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 17:24
Nickel, merci beaucoup !
0