Couleurs des liens [Fait]

**danfa** · 18/12/2008, 20h17

Bonjour , j aiun probleme dans ma page les liens sont en bleu et je voudrasi les placer en blanc mais je n'y arrive pas, pouvez vous m'aider en me disant quoi corriger svp

Merci et voici le code

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css"> 
    <!-- 
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #990033;
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    color: #000000;
    }
    .thrColFixHdr #container {
    width: 780px;
    margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    border: 1px solid #000000;
    text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
    background-color: #3333CC;
    } 
    .thrColFixHdr #header {
    padding: 0 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    background-color: #0066CC;
    } 
    .thrColFixHdr #header h1 {
        margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
        padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
    .thrColFixHdr #sidebar1 {
        float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
        width: 150px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
        background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
        padding: 15px 10px 15px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    }
    .thrColFixHdr #sidebar2 {
    float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    width: 160px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
    padding: 15px 10px 15px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    background-color: #3333CC;
    }
    .thrColFixHdr #mainContent { 
        margin: 0 200px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
        padding: 0 10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    } 
    .thrColFixHdr #footer { 
        padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
        background:#DDDDDD;
    } 
    .thrColFixHdr #footer p {
        margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
        padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
        float: right;
        margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
        float: left;
        margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.Style1 {    font-size: small
}
#apDiv1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 708px;
}
#apDiv2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: 720px;
    top: 332px;
}
.Style32 {
color: #FFFFFF
}
    --> 
    </style><!--[if IE 5]>
    <style type="text/css"> 
    /* placer les corrections pour le modèle de boîte css pour IE 5.x dans ce commentaire conditionnel */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css"> 
    /* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* la propriété propriétaire zoom ci-dessus transmet à IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */
    </style>
    <![endif]--></head>
 
<body class="thrColFixHdr">
 
    <div id="container">
      <div id="header">
        <h1 align="center"><img src="/images/logo_acuq.jpg" width="485" height="132" /> </h1>
      <!-- fin de #header --></div>
      <div id="sidebar1">
        <div id="sidebar3">
          <h3 class="Style1"><a href="/htdocs/nouv3.html">Salle de Nouvelles</a></h3>
          <h3 class="Style1"> <a href="/htdocs/ca3.html">Conseil d'administration</a></h3>
          <h3 class="Style1"><a href="/htdocs/congres3.html">Congrès</a></h3>
          <h3 class="Style1">
            <!-- fin de #sidebar1 -->
          <a href="/htdocs/membres3.html">Devenir membre</a></h3>
          <h3 class="Style1"><a href="/htdocs/reglements3.html">Règlements</a></h3>
          <h3 class="Style1"><a href="/htdocs/presse3.html">Salle de presse</a></h3>
          <h3 class="Style1"><a href="/htdocs/liens3.html">Liens utiles</a></h3>
          <h3 class="Style1"><a href="/htdocs/nousjoindre3.html">Nous joindre</a></h3>
          <h3 class="Style1"><a href="/forum/index.php">Groupe de discussion</a></h3>
        </div>
        <h3 class="Style1">&nbsp; </h3>
        </div>
      <div id="sidebar2">
        <div id="apDiv1">
        <script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=193048&w=120&h=115"></script><noscript><a href="http://www.service-gratuit-fr.com" target="_blank">Horloge en Flash</a></noscript></div>
        <h3>&nbsp;</h3>
        <h3>&nbsp;</h3>
        <h3>&nbsp;</h3>
        <div id="apDiv2">
        <script type="text/javascript" src="http://www.service-webmasters.com/1/calendriers.php?id=18805&num=5">></script></div>
        <h3>&nbsp;</h3>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <h3>&nbsp; </h3>
        <!-- fin de #sidebar2 --></div>
      <div id="mainContent">
        <p><span class="para Style32">Articles int&eacute;ressants :</span></p>
        <p class="para Style32">Les Am&eacute;ricains et le 9-1-1: <a href="#">&gt;</a></p>
        <p class="Style32"><a href="http://www.e911institute.org/">http://www.e911institute.org/</a><br />
            <a href="http://www.911.state.tx.us/kidshome.html">http://www.911.state.tx.us/kidshome.html</a><br />
            <a href="http://www.local4260.com/kids/">http://www.local4260.com/kids/</a><br />
            <a href="http://911forkids.com/lessonplan.php">http://911forkids.com/lessonplan.php</a><br />
            <a href="http://www.york.ca/kidszone/911.htm">http://www.york.ca/kidszone/911.htm</a><br />
            <a href="http://www.maine911.com/kids/">http://www.maine911.com/kids/</a><br />
            <a href="http://www.sarpy.com/911/9-1-1_for_kids.htm">http://www.sarpy.com/911/9-1-1_for_kids.htm</a><br />
          <a href="http://www.sarpy.com/911/9-1-1_for_kids.htm">http://www.youtube.com/watch?v=cVObBXma7bM</a></p>
        <p class="para Style32"><a href="../extras/La petite- histoire - traduction.doc">Petite histoire du 9-1-1:</a><br />
          Le document</p>
        <p class="para Style32">Article paru dans la presse canadienne le 15avril 2008 sur le financement
          ces centres d'urgence 9-1-1 <br />
            <a href="http://www.sarpy.com/911/9-1-1_for_kids.htm">Article en pdf</a></p>
        <p class="para Style32">Les r&eacute;actions au document du 15 avril</p>
        <p class="para Style32"> <a href="../extras/Reaction de l'UMQ.pdf">L'aide tarde &agrave; venir</a> ( Paru sur Canoe)<br />
            <a href="../extras/Article presse canadienne 15 avril 2008 re finance.pdf">R&eacute;action de l'UMQ </a>( communiqu&eacute; de l'UMQ sur leur site
          internet)<br />
              <a href="../extras/Reaction  Fqm Quebec municipal.pdf">R&eacute;action de la FQM </a>( Paru sur Qu&eacute;bec Municipal) <br />
        </p>
        <p class="para Style32">Une petite fille de 3 ans de Montr&eacute;al (arrondissement Saint-L&eacute;onard)
          qui a compos&eacute; le 9-1-1 pour sauver la vie de sa m&egrave;re. <a href="http://www.canoe.com/infos/societe/archives/2008/03/20080312-054200.htm">http://www.canoe.com/infos/societe/archives/2008/03/20080312-054200.htm</a>l</p>
        <p class="para Style32">Un appel 9-1-1 en libre circulation dans le cyberespace.<br />
          <a href="http://www.cyberpresse.ca/article/20070830/CPOPINIONS05/708300392/-1/CPOPINIONS05">http://www.cyberpresse.ca/article/20070830/CPOPINIONS05/708300392/-1/CPOPINIONS05</a></p>
        <p class="para Style32">Un guide de gestion pour les appels 9-1-1 dans
          les cas de disparition ou d’abus d’enfants. <a href="http://www.canoe.com/infos/societe/archives/2008/03/20080312-054200.htm">http://www.cybertipline.com/missingkids/servlet/NewsEventServlet?LanguageCountry=en_US&amp;PageId=3603</a></p>
        <p class="para Style32">Le fournisseur Positron obtient un contrat de $7 millions de la
          ville de Modesto (Californie).<br />
            <a href="http://www.positron911.com/fr/news/070806.asp">http://www.positron911.com/fr/news/070806.asp</a></p>
        <p class="para Style32">Quand le 9-1-1 ne r&eacute;pond plus….en
          Pennsylvanie<br />
            <a href="http://www.blogue.canoe.com/2008/02/12/quand_le_9_1_1_ne_repond_plus">http://www.blogue.canoe.com/2008/02/12/quand_le_9_1_1_ne_repond_plus</a></p>
        <p class="para Style32">Une adaptation sp&eacute;ciale du langage 9-1-1 pour une section
          du site Internet de la Ville de Montr&eacute;al destin&eacute;e aux
          personnes ayant des incapacit&eacute;s intellectuelles ou de graves
          probl&egrave;mes de lecture ou de langage. <br />
            <a href="http://www.positron911.com/fr/news/070806.asp">http://www2.ville.montreal.qc.ca/accessimple/alt/911.shtm</a></p>
        <p class="para Style32">L'Association canadienne des t&eacute;l&eacute;communications sans
          fil continue d'ouvrir la voie &agrave; l'implantation de services
          9-1-1 am&eacute;lior&eacute;s sans fil au Canada.<br />
            <a href="http://www.cwta.ca/CWTASite/french/E911.html">http://www.cwta.ca/CWTASite/french/E911.html</a></p>
        <p class="para Style32">Petit guide d’utilisation
          du 9-1-1 au Nouveau-Brunswick.<br />
              <a href="http://www.gnb.ca/0276/911/faq-f.asp">http://www.gnb.ca/0276/911/faq-f.asp</a><br />
              <br />
          Un conflit de travail chez Urgences-sant&eacute;.<br />
  <a href="http://www.matin.qc.ca/articles/20080401111417/rien_plus_urgencessante.html">http://www.matin.qc.ca/articles/20080401111417/rien_plus_urgencessante.html</a><br />
  <br />
          La police de Montr&eacute;al a renforc&eacute; la s&eacute;curit&eacute; de
          son syst&egrave;me 9-1-1 <br />
            <a href="http://www2.canoe.com/infos/quebeccanada/archives/2008/04/20080406-085700.html">http://www2.canoe.com/infos/quebeccanada/archives/2008/04/20080406-085700.html</a></p>
        <p></p>
        <p align="center">&nbsp;</p>
        <p><span class="para"></span></p>
        <p><!-- fin de #mainContent --></p>
      </div>
         <!-- Cet élément de suppression doit suivre immédiatement l'élément div #mainContent afin de forcer l'élément div #container à contenir tous les éléments flottants enfants --><br class="clearfloat" />
      <div id="footer">
        <p>Pied de page
</p>
      <!-- fin de #footer --></div>
    <!-- fin de #container --></div>
</body>
</html>

**Kerod** · 18/12/2008, 21h20

Tu peux rajouter ce code par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a
{
   color:#FFF;
}

**danfa** · 18/12/2008, 22h05

MerciKerod, je l'ajoute ou svp

**12monkeys** · 18/12/2008, 22h25

Bonsoir

Tu l'ajoutes soit dans le head entre les balises style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<style type="text/css"> 
    <!-- 
a
{
   color:#FFF;
}
    --> 
    </style>

comme le reste du code css.

Ou alors dans un fichier css extérieur

un petit tutoriel à lire : http://g-rossolini.developpez.com/tu.../web-debutant/, en particulier la page 3 pour le css...

**Deallyra** · 18/12/2008, 23h05

Bonsoir,

Il est possible que depuis la dernière fois que je l'ai ai utilisés, ces attributs soient dépréciés mais...

Qu'en est-il de alink/link/vlink?

**Kerod** · 18/12/2008, 23h37

En XHTML, on les oublie

Couleurs des liens [Fait]

CSS

Vue hybride

Discussions similaires

Partager

Partager