OVH Cloud OVH Cloud

texte en gras, souris

5 réponses
Avatar
Ricoh51
Bonjour,

comment faire en sorte que du texte apparaisse en gras pendant qu'il
est survolé par la souris?

Pour l'instant je j'utilise les evenements onmouseover et onmouseout,
et 2 fonctions javascript qui mettent 2 styles différents.

Le problème c'est que windows me signale qu'il restreint l'affichage de
la page pour proteger mon ordinateur. J'ai XP SP2.

J'aimerais que mon texte apparaisse en gras, sans être embeté par
windows...

Comment faire?

merci d'avance

eric (débutant)

5 réponses

Avatar
Thibaut Allender
comment faire en sorte que du texte apparaisse en gras pendant qu'il est
survolé par la souris?


pas besoin de javascript pour faire ça.
en css, si le texte est un lien :

a:hover {
font-weight: bold;
}

si ca n'est pas un lien, le pseudo element :hover est utilisable sur
n'importe quel element, sauf sous... IE, bien sûr
mais un <a> sans href (ou href bidon genre #), meme si c'est pas tres
propre, ça "doit le faire" aussi

--
thibaut allender | freelance | http://capsule.org

Avatar
ASM

comment faire en sorte que du texte apparaisse en gras pendant qu'il
est survolé par la souris?

Pour l'instant je j'utilise les evenements onmouseover et onmouseout,
et 2 fonctions javascript qui mettent 2 styles différents.


<style type="text/css">
a { text-decoration: none; color: blue; font-weight: normal; }
a:hover { color: maroon; font-weight: bold; }
</style>

<a href="#">Mon texte pour le survol souris</a>

ce n'est peut-être pas un pb de Win mais des sécurités de IE
mais c'est vrai que le résultat est assez moche !

et si IE embête trop ... hop! à la poubelle !

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
Ricoh51
Thibaut Allender a couché sur son écran :
comment faire en sorte que du texte apparaisse en gras pendant qu'il est
survolé par la souris?


pas besoin de javascript pour faire ça.
en css, si le texte est un lien :

a:hover {
font-weight: bold;
}

si ca n'est pas un lien, le pseudo element :hover est utilisable sur
n'importe quel element, sauf sous... IE, bien sûr
mais un <a> sans href (ou href bidon genre #), meme si c'est pas tres propre,
ça "doit le faire" aussi



merci beaucoup :o) je ne connaissais pas...


Avatar
Ricoh51
ASM avait écrit le 25/01/2005 :

comment faire en sorte que du texte apparaisse en gras pendant qu'il
est survolé par la souris?

Pour l'instant je j'utilise les evenements onmouseover et onmouseout,
et 2 fonctions javascript qui mettent 2 styles différents.


<style type="text/css">
a { text-decoration: none; color: blue; font-weight: normal; }
a:hover { color: maroon; font-weight: bold; }
</style>

<a href="#">Mon texte pour le survol souris</a>


merci beaucoup :o) en plus je garde le maroon, très joli


ce n'est peut-être pas un pb de Win mais des sécurités de IE
mais c'est vrai que le résultat est assez moche !

et si IE embête trop ... hop! à la poubelle !


oui, mais c'est surtout pour ne pas embêter les visiteurs, c'est d'un
pénible les sécurités du SP2...


Avatar
Thibaut Allender

[à propos de a:hover]

merci beaucoup :o) je ne connaissais pas...


ça existe pourtant depuis 1999
à prendre comme nouveau livre de chevet à partir de ce soir :
http://fr.selfhtml.org/navigation/css.htm ;)

--
thibaut allender | freelance | http://capsule.org