Couleurs des liens dans une page web
Couleurs des liens dans une page web - Divers - Programmation
Marsh Posté le 19-01-2004 à 00:32:58
en css
http://forum.hardware.fr/forum2.ph [...] subcat=385
---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Marsh Posté le 19-01-2004 à 01:27:36
dac je savais que ct en css mais ta pas un bon site avec des codes ? ou le code direct pour mon prob ?
Marsh Posté le 19-01-2004 à 01:32:36
http://openweb.eu.org/articles/initiation_css/
regardes surtout en bas de page en ce qui concerne les liens .. mais je te recommande de tt lire pour bien comprendre. 
---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Marsh Posté le 19-01-2004 à 01:41:16
pour définir la couleur par défaut des hyperliens (ici, bleu) : a { color: #0000ff; } ;
pour définir des hyperliens non soulignés : a { text-decoration: none; } ;
pour définir la couleur des hyperliens visités (ici, violet) : a:visited { color: #800080; } ;
pour définir la couleur des hyperliens survolés (ici, violet) : a:hover { color: #800080; } ;
pour définir la couleur des hyperliens activés (ici, violet) : a:active { color: #800080; } ;
Oui donc c ca mais ca s'applique a une page entiere il me semble ? c'est possible de le faire s'appliquer seulement sur certains données ?
Marsh Posté le 19-01-2004 à 13:27:48
une solution possible .......
.lien1 a { color: #3300CC; } ;
.lien2 a { color: #00FF00; } ;
---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Marsh Posté le 19-01-2004 à 14:28:43
en précisant alors que tu fais un truc genre :
<div class="lien1">
<a href="...">
<a href="...">
<a href="...">
</div>
---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Marsh Posté le 19-01-2004 à 17:17:51
okay donc je met mes infos pour certaines liens dans ma balise css dans le <head> puis je met met liens qui doivent etre d'une certaines couleur dans une balise <div> en precisant la source ="lien1" (ou autre)
mais ca marche de cette facon :
<HEAD>
<STYLE>
.lien1 a { text-decoration: none; } ;
a:visited { color: #800080; } ;
a:hover { color: #800080; } ; etc ....
</STYLE></HEAD>
<Body>
<div class="lien1">
<a href="...">
<a href="...">
<a href="...">
</div>
</body>
ou c autrement ?
Message édité par Zangalou le 19-01-2004 à 17:20:45
Marsh Posté le 19-01-2004 à 18:44:05
.lien1 a { text-decoration: none; }
.lien1 a:visited { color: #800080; }
.lien1 a:hover { color: #800080; }
.lien2 a { text-decoration: underline; }
.lien2 a:visited { color: #3300CC; }
.lien2 a:hover { color: #800080; }
---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Marsh Posté le 19-01-2004 à 18:46:49
Okay mais bon jaurais juste besoin d'une sorte donc juste le lien1 ok je dois remettre lien1 a chaques fois mais je le met bien dans une balise <style> dans le head ? enfin jveux dire pour le reste c bien ca ?
Marsh Posté le 19-01-2004 à 18:56:57
| Zangalou a écrit : |
bah nomalement oui, suffit de tester pour en être sûr 
pour faire plus propre tu peux mettre ça dans une page .css et faire un <link> vers la page CSS
Message édité par antp le 19-01-2004 à 18:57:22
---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Marsh Posté le 19-01-2004 à 19:16:36
| Zangalou a écrit : Okay mais bon jaurais juste besoin d'une sorte donc juste le lien1 ok je dois remettre lien1 a chaques fois mais je le met bien dans une balise <style> dans le head ? enfin jveux dire pour le reste c bien ca ? |
http://forum.hardware.fr/forum2.ph [...] 10#t227770
---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Marsh Posté le 19-01-2004 à 19:23:18
ok bon ca fonctionne jai testé et ca marche derniere petite question, c'est quoi la commande pour que le texte soit souligné uniquement quand on passe la souris dessus ?
.lien1 a { text-decoration: ????; }
ca pose un réel probleme d'avoir la balise entiere sur la page plutot que dans un lien css (excepté pour que ca fasse plus "beau" quand on regarde la source) ?
Message édité par Zangalou le 19-01-2004 à 19:24:54
Marsh Posté le 19-01-2004 à 19:28:04
| Zangalou a écrit : ok bon ca fonctionne jai testé et ca marche derniere petite question, c'est quoi la commande pour que le texte soit souligné uniquement quand on passe la souris dessus ? |
.lien1 a:hover { blabla }
Et puis non ça ne pose pas de problème d'inclure les styles CSS dans la page
Marsh Posté le 19-01-2004 à 20:22:39
| SomeBugsInMe a écrit : |
tes sur de ce que tu dis Oo pour que le lien sois souligné uniquement quand la souris passe dessus c dans le hover Oo m'aurait on menti
Marsh Posté le 19-01-2004 à 20:30:58
dans le a simple tu mets "none" et dans le a:hover tu mets "underline"
---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Marsh Posté le 19-01-2004 à 21:57:30
jai un bleme apres ca sera bon ... j'arrive pas a faire pour le souligné enfin si mais jexplique:
voila ce que je veux c que dans la page normale le lien soit souligné tout le temps mais dans le .lien1 ca soit souligné uniquement quand ma souris passe dessus
Marsh Posté le 19-01-2004 à 22:07:44
c'est bon j'ai trouvé ct ca
<style>
.lien1 a:visited { color: #ffffff; text-decoration: none}
.lien1 a:hover { color: #ffffff; text-decoration: underline}
.lien1 a:active { color: #ffffff; }
.lien1 a:link { color: #ffffff; }
</style>
Marsh Posté le 19-01-2004 à 22:13:30
| antp a écrit : dans le a simple tu mets "none" et dans le a:hover tu mets "underline" |
je voyais pas de quoi tu voulais parler en disant simple 
Marsh Posté le 19-01-2004 à 23:02:22
le a sans rien derrière
en fait ce que tu pourrais faire plus simplement :
.lien1 a,
.lien1 a:visited,
.lien1 a:active,
.lien1 a:link
{
color: #ffffff;
text-decoration: none
}
.lien1 a:hover
{
color: #ffffff;
text-decoration: underline
}
En général il faut mettre le :hover après tous les autres
---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Marsh Posté le 19-01-2004 à 23:22:09
bah comme jai fais ca fonctionne exactement comme jle veux donc pas de prob
Sujets relatifs:
- comment utiliser les couleurs en pascal ?
- date de derniere mise à jour d'un fichier avec une page .html
- [JS] rediriger vers un liens une autre fenêtre
- Execution d un EXE sur le serveur a partir d une page WEB
- [PHP] Comment savoir si ma page est appelé par un formulaire ?
- Session et transfert de variables de page en page...
- des liens de couleurs différentes sur la meme page ?
- [HTML] Peut'on sur la meme page donner 2 couleurs diff aux liens
- Deux couleurs de liens sur un site (menu et page centrale)
- [HTML] liens de différentes couleurs sur une meme page ?
Marsh Posté le 19-01-2004 à 00:22:10
Bon voila jaimerais que les liens de mon site soient d'une certaines couleurs par contre que ceux de mon menu sur la meme page le soient d'une autre, comment on fait ca ? avec une balise ? Si oui avez vous un lien ... et surtout comment faire pour que ceux les liens de mon menu soient blancs