18079 sujets

Questions générales et questions de débutants

Liens différents dans une page [Résolu]

Bonjour,

Voilà quelque temps que je me bat avec mes liens...

Je tiens à préciser d'entrée que j'utilise "encore" les tableaux... Je sais c'est pas top, le csss c'est mieux... Mais pour le moment je n'ai pas le temps de me lancer dedans...

Alors voilà :

A savoir, j'utitlise :
<link href="style/lien_01.css" rel="stylesheet" type="text/css">

pour déterminer les couleurs de mes liens sur toute ma page...

J'ai essayé plusieurs choses mais chaque fois ça interférait avec le code ci-dessus et la seule qui ait le mieux répondu à mon attente est de placer dans "head" :

<style type="text/css">
   .lien02:link{color: #990000;}
   .lien02:visited{color: #990000;}
   .lien02:hover{color: #009900;}
   .lien02:active{color: #000000;}
</style>


et ajouter : 
class="lien02"
à mon lien
expl.: 
<a href="#" class="lien02"><b>Lien B</b></a>


mais voilà je dois rentrer pour chaque page le code dans "head" et pour cahque lien le code dans "a".

Je voudrais savoir comment je peux créer une feuille de style avec la couleur de mes liens et n'avoir qu'un code à insérer dans chaque page et notamment pour une cellule du tableau ?

Merci

F.
Modifié par fuerchan (21 Apr 2005 - 16:39)
Bonjour et bienvenue fuerchan Smiley smile

Je constate que tu n'as pas lu les règles du forum

- Le titre de ton sujet n'est pas clair du tout et ne rendra pas faciles les prochaines recherches sur le forum.

- Tes lignes de code ne sont pas insérées dans les balises "Code", ce qui permet une lecture plus facile des échanges.

Je te remercie à l'avance de bien vouloir modifier ces points en utilisant le bouton "Editer" de ton post Smiley cligne

Cordialement !
Modifié par dominique (18 Apr 2005 - 17:51)
Dans ta css :

a.lien02:link{color: #990000;}
a.lien02:visited{color: #990000;}
a.lien02:active{color: #000000;}
a.lien02:hover{color: #009900;}


et ensuite tu remet ton lien vers ta css dans chaque page...
Pourquoi ne pas tout simplement mettre


a,a:link{color: #990000;}
a:visited{color: #990000;}
a:hover{color: #000000;}
a:active{color: #009900;}


dans ton css externe ?
Modifié par TriadPtale (18 Apr 2005 - 20:12)
Bonjour,

c'est ce que j'ai fait pour les liens généraux de ma page, soit
a:link {color: #F0CA56;}
a:visited {color: #F0CA56;}
a:hover {color: #F5E3AC;}

dans ma css et 
<link href="style/lien_01.css" rel="stylesheet" type="text/css">

dans ma page, dans "head". Là ça fonctionne sans problème

Mais maintenant ce que je voudrais c'est un lien qui appelle :
.lien02:link{color: #990000;}
.lien02:visited{color: #990000;}
.lien02:hover{color: #009900;}
.lien02:active{color: #000000;}

pour l'ensemble d'une cellule du tableau.

J'ai tenté l'appel depuis ma cellule, soit dans <td> avec 
class="chemin du css"

expl : 
<td width="568" height="225" class="chemin du css">


Mais rien... On m'a même conseillé avec 
id=" "
aussi mais c'est pas mieux...

Alors qu'elle est ce code pour le lien ?

Merci

F.
Bonjour
tu intitules ton fichier externe [ lien.css ] tu places celui ci dans l'arboressence de ton site

ensuite tu fais un lien dans ta page comme ci dessous


<link href="lien.css" rel="stylesheet" type="text/css" />
tenir compte bien sur, du chemin de ton fichiers  ex:  ../../
_________________________________________________________
dans ton fichier [ lien.css ] tu recopies ce qui est ci dessous

.lien01 a:link{
                 color: #000000;
}
.lien01a:visted{
                color: #FFFFFF;
} 
.lien01 a:hover{
                color: #000000;
}
.lien01 a:ctive{
                  color: #000000;
}
.lien02 a:link{
                 color: #FF0000;
}
.lien02 a:visted{
                 color: #00FFFF;
} 
.lien02 a:hover{
                color: #FF0000;
}
.lien02 a:ctive{
                  color: #FF0000;
}
.lien01{
           font-family: Verdana;
           font-size: 14px;
}
.lien02{
           font-family: Verdana;
           font-size: 10px;
}

_____________________________________________________________
si tu veux assigner un <td> tu fais comme ceci <td class="lien01">
si tu veux un lien d'une autre couleur tu fais comme ceci<td class="lien02>
met toujours tes liens en entête pour que ceux ci soient dominants sur les autres par exemple au dessus du body

Voilà c'est tout ce que je peux faire pour toi Smiley fou


EDIT par Felipe: lien.css et pas lien.ccs je pense Smiley cligne
Remplacement à 2 endroits
Modifié par Felipe (19 Apr 2005 - 03:10)
Bonjour,

Bon alors il y a du mieux... Je touche au but... Smiley biggrin

Pour que ça fonctionne j'ai dû modifier quelques trucs comme remplacer :
.lien01 a:link{
color: #000000;
}

Par :
a:link{
color: #000000;
}

Et ce, pour tous les "liens01" uniquement.

J'ai placé dans "head" :
<link href="styles/lien.css" rel="stylesheet" type="text/css">


et dans <tr>
class="lien02"
soit 
<td width="591" height="225" class="lien02" bgcolor="#FFCC66">


Tout fonctionne... Mais... Car, malheureusement, il y a un "mais" !
Losque je clique sur le lien, ce dernier devient vert !?!

Je vous invite à faire un tour sur la page de test : http://fuerchan.free.fr/pagetest2.php

Voici ce qu'il y a dans ma css :
a:link{color: #ffffff;}
a:visted{color: #ffffff;} 
a:hover{color: #999999;}

.lien02 a:link{color: #990000;}
.lien02 a:visted{color: #990000;} 
.lien02 a:hover{color: #00ccff;}


Merci,

F.
Ah...

Ben alors pourquoi j'ai ce phénomène chez moi ??

En faite je remarque que lorsque je vide mon dossier "historique" dans les options internet et relance l'url tout s'affiche normalement. Mais dès que je cliques sur le lien il redevient vert. Ca ne le fait pas sur d'aitres pages...

De plus je ne sais pas d'où vient ce vert ?

F.
Bonjour,
Je pense qu'il faudrait remplacer
..
a:visted{
color: #ffffff;
} ..
.lien02 a:visted{
color: #990000;
} ..

par
..
a:visited{
color: #ffffff;
} ..
.lien02 a:visited{
color: #990000;
} ..
Bonjour,

Qu'est ce que je dis ?
Que je le savais, mais je voulais voir si on suivait ?
Bâ personne ne me croirait et ce ne serait pas sans tort... Smiley confused

Bon et bien voilà tous mes problèmes résolus, enfin concernant ce sujet.

Donc en clair pour toute personne qui viendrait à lire tout cela :

placer dans un fichier .css :
a:link{color: #ffffff;}
a:visited{color: #ffffff;} 
a:hover{color: #999999;}

.lien02 a:link{color: #990000;}
.lien02 a:visited{color: #990000;} 
.lien02 a:hover{color: #00ccff;}


Placer dans "head" des pages :
<link href="chemin_jusqu'au_fichier_css" rel="stylesheet" type="text/css">


Placer dans la cellule concernée du tableau :
class="lien02"


Voilà j'espère avoir bien résumé...

En tout cas merci à vous tous...

A bientôt

F.
Administrateur
Merci d'avoir résumé (pour celui qui un jour aura le même problème) Smiley jap

Pourrais-tu rajouter une balise [ Résolu] dans le titre du sujet STP? Smiley cligne
Sujet clos
Aller à