Lien souligné au passage souris svp

Fermé
Profil bloqué - 7 août 2008 à 19:05
 bg62 - 20 oct. 2022 à 18:49
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

22 réponses

mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 19:09
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;
}
7
Angie.l.anonyme
20 oct. 2022 à 09:06

j'taime bien toi merci

0
Profil bloqué
7 août 2008 à 20:42
mauvaise nouvelle ça ne marche toujours pas !

Je vais essayer de chercher un peu je ne vais pas te deranger plus longtemps

merci à toi
3
Profil bloqué
7 août 2008 à 20:39
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
2
Profil bloqué
7 août 2008 à 19:15
ok merci beaucoup, et merci aussi pour l'autre sujet ;)
1

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

Posez votre question
Profil bloqué
7 août 2008 à 19:16
Et il y aurait un moyen pour que cela s'applique a toutes mes pages ?
1
Profil bloqué
7 août 2008 à 19:18
car en effet, j'aimerais que cela s'aplique a plusieurs page, et faire sa pour chaque lien ...

Auriez vous la méthode ?
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 19:21
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
1
Profil bloqué
7 août 2008 à 19:22
ok merci j'essaie sa
1
Profil bloqué
7 août 2008 à 19:25
super c'est presque bon, il est possible que le lien se souligne au passage de la souris ?

merci d'avance
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 19:32
oui faut utiliser le CSS
a:hover
{
text-decoration: underline;
color: #224061;
}
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 19:45
a bon c'est bizarre...
tu as bien inclues ta feuille CSS dans ta page html ?
1
Profil bloqué
7 août 2008 à 19:52
Ba dans mon editeur dans <head> j'ai mis

<link rel="stylesheet" media="screen"
type="text/css" title="Design" href="style.css" />
<style type="text/css">

et dans mon fichier css qui s'apelle donc style.css

j'ai mis ça :

a:hover

{
text-decoration: underline;
color: #224061;
}

C'est pas ce qu'il faut mettre ?
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 20:01
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 ?
1
Profil bloqué
7 août 2008 à 20:10
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
1
Profil bloqué
7 août 2008 à 20:13
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
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 20:19
ok je vois essaye ça
table a:hover
{ 
text-decoration: underline; 
color: #224061; 
}
1
mype Messages postés 2435 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 16 août 2010 436
7 août 2008 à 20:46
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
1
Profil bloqué
7 août 2008 à 20:53
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
1
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 !
1
Tu peux aussi plus simplement insérer la balise <li>ton texte</li> en html lors du passage de la souris ton texte se soulignera...mais ce système est plus arcaique...à toi de voir
0
Profil bloqué
7 août 2008 à 19:43
Oui mais la le lien ne se souligne pas au passage de la souris :s
0