Couleurs des liens dans une page web

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Couleurs des liens dans une page web

Zangalou

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

Publicité

simogeo

j'ai jamais tué de chats, ...

en css
http://forum.hardware.fr/forum2.ph [...] subcat=385

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Zangalou

dac je savais que ct en css mais ta pas un bon site avec des codes ? ou le code direct pour mon prob ?

simogeo

j'ai jamais tué de chats, ...

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

Zangalou

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 ?

Zangalou

simogeo

j'ai jamais tué de chats, ...

une solution possible .......

.lien1 a { color: #3300CC; } ;

.lien2 a { color: #00FF00; } ;

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

antp

Super Administrateur
Champion des excuses bidons

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

Zangalou

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

simogeo

j'ai jamais tué de chats, ...

.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

Publicité

Zangalou

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 ?

antp

Super Administrateur
Champion des excuses bidons

Zangalou a écrit :

mais ca marche de cette facon :

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

simogeo

j'ai jamais tué de chats, ...

Zangalou a écrit :

http://forum.hardware.fr/forum2.ph [...] 10#t227770

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Zangalou

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

SomeBugsInMe

life suxx

Zangalou a écrit :

.lien1 a:hover { blabla }

Et puis non ça ne pose pas de problème d'inclure les styles CSS dans la page

Zangalou

SomeBugsInMe a écrit :

.lien1 a:hover { blabla }

Et puis non ça ne pose pas de problème d'inclure les styles CSS dans la page

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

antp

Super Administrateur
Champion des excuses bidons

dans le a simple tu mets "none" et dans le a:hover tu mets "underline"

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Zangalou

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

Zangalou

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>

Zangalou

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

antp

Super Administrateur
Champion des excuses bidons

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

Zangalou

bah comme jai fais ca fonctionne exactement comme jle veux donc pas de prob

Publicité

FORUM HardWare.fr

Programmation

Divers

Couleurs des liens dans une page web

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 ?
Plus de sujets relatifs à : Couleurs des liens dans une page web

Page générée en 0.056 secondes