lien souligné au passage souris svp Fermé

Question

Bonjour à tous !

j'aimerais faire un petit truk en css pour que 

 Au passage de la souris sur un lien la couleur soit #224061 et que le lien se souligne,
donc les liens ne doivent pas être soulignés a l'orgige

merci d'avance aux webmaster qui m'aideront

mype · Accepted Answer

pour pas que les lien soit soulignés au depart tu applique 
a{text-decoration: none;}
ensuite pour le passage de la souris
a:hover
{
text-decoration: underline;
color: #224061;
}

alex59126 · Answer

ok merci beaucoup, et merci aussi pour l'autre sujet ;)

alex59126 · Answer

Et il y aurait un moyen pour que cela s'applique a toutes mes pages ?

alex59126 · Answer

car en effet, j'aimerais que cela s'aplique a plusieurs page, et faire sa pour chaque lien ... 

Auriez vous la méthode ?

mype · Answer

pour que ça s'applique a toutes tes pages html tu te crée une feuille css tu mets le code que je t'ai donnée et puis dans toutes tes pages html tu inclues la feuille CSS

alex59126 · Answer

ok merci j'essaie sa

alex59126 · Answer

super c'est presque bon, il est possible que le lien se souligne au passage de la souris ?

merci d'avance

mype · Answer

oui faut utiliser le CSS
a:hover
{
text-decoration: underline;
color: #224061;
}

alex59126 · Answer

Oui mais la le lien ne se souligne  pas au passage de la souris :s

mype · Answer

a bon c'est bizarre...
tu as bien inclues ta feuille CSS dans ta page html ?

alex59126 · Answer

Ba dans mon editeur dans j'ai mis

mype · Answer

oui c'est bien ça...
ton fichier style.css est bien dans le meme dossier que ta page html ?
est ce que les autre propriétés de ta feuille CSS fonctionne ?

alex59126 · Answer

Oulalalala je n'y comprend plus rien , enfete je test sur un serveur free pour ne pas le faire sur mon serveur 1et1, et la la page sur lakel je testé, c'est devenu une page blanche ! 

sinon jai regarde sur une autre page en test et la les liens sont souligner par contre il change de couleur au passage

alex59126 · Answer

AH non c'est bon je n'ai plus de page blanche, regarder ce que ça donne sur cette page texte en essaie http://appinfofac.free.fr/accelerer-booster-optimiser-windows.php

c'est un serveur que j'utilise seulement pour tester

mype · Answer

ok je vois essaye ça
table a:hover
{ 
text-decoration: underline; 
color: #224061; 
}

alex59126 · Answer

ok j'essaie sa, par contre si tu as remarquer a ladresse http://appinfofac.free.fr le css marche très bien, par contre pas pour la page, bon j'esssaie ce que tu as dit

alex59126 · Answer

mauvaise nouvelle ça ne marche toujours pas !

Je vais essayer de chercher un peu je ne vais pas te deranger plus longtemps 

merci à toi

mype · Answer

de rien essaye de cherche mais sache que la propriété qui agit quand la souris passe dessus c'est :hover et qu'il faut l'appliquer a la balise que tu veux

alex59126 · Answer

oui mais le problème n'est plus la, le problème c'est que les liens sont soulignés, alors que je souhaiterez qu'il soit souligner seulement au passage de la souris c'est la qu'il faut que je cherche

sdalim · Answer

Lisez les cours du site du Zér0 ! Ils sont super bien faits et il y en a pour tous les types de programmation : 

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Par contre si tu t'y connais déjà en html et css ça va être un petit peu long au début, mais ça fait toujours du bien de reprendre les bases, surtout que tu ne connaissais pas la méthode pour inclure un fichier css.
Bonne chance !

bg62 · Answer

avant toutes choses, pour que cela fonctionne il faut que ce soit considéré comme un lien ! donc CSS oui, mais lien en plus !!! LE MOT DE TA PAGE

bg62 · Answer

beaucoup plus simple :

- dans ta feuille de style, tu crées une "class" ou propriété avec le code fourni au début ( hover et pas hover )

- dans ton codage "html" ou autre tu lies tes liens à cette classe

hop là ça fonctionne partout :)

Lien souligné au passage souris svp

22 réponses

Discussions similaires