Salut à tous !
Je suis en train de bosser sur un projet de site internet.
Hélas comme vous pouvez le voir, j'ai un petit problème avec les liens qui s'affichent en bleu surligné, bien que j'aie changé leur couleur dans les propriétés de la page. J'ai aussi essayé de faire quelque chose dans la page CSS mais en vain.
Disons que j'aimerais arriver à avoir des liens jaunes dans le header et le footer mais bleu dans le cadre à droite.
Quelqu'un à une idée de ce qui cloche dans le code et de ce que je dervais changer ?
Merci beaucoup par avance !
Je copie ci-dessous le code html et le css.
---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Language" content="en-gb" /><title>alexandra giroux . net</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><link rel=stylesheet type="text/css" href="style.css" />
</head><body>
<div id=centrecontainer><div id=outercontainer><div class=header id="header">
<blockquote>
<table width="200" border="0">
<tr>
<td><span class="style2 style2"><strong><a href="/language/en/about_en.html">about</a></strong></span></td>
<td><strong><a href="/language/en/texts_en.html">texts</a></strong></td>
<td><strong><a href="/language/en/web_en.html">web</a></strong></td>
<td><strong><a href="/language/en/media_en.html">media</a></strong></td>
<td><strong><a href="/language/en/search_en.html">search</a></strong></td>
<td><strong><a href="/language/en/contact_en.html">contact</a></strong></td>
</tr>
</table>
</blockquote>
</div><div id=container>
<div id=containerleft>
<div align="right"><img src="/pictures/logo_bulle.png" alt="alexandragiroux.net" width="309" height="65" /></div>
</div>
<div id=containerright><h2>:: Home ::</h2><p>Welcome <a href="http://www.alexandragiroux.net">here</a>. Feel free to browse this website by clicking on the different items on the top of the screen. You can change the language in which the pages are displayed whenever you want by choosing the appropriate flag on the bottom of this page. Enjoy your visit!</p>
</div></div><div id=footer>
<table height="28" border="0" align="center">
<tr>
<td height="26"><span class=style2>plan du site - </span></td>
<td><span class=style2>credits - </span></td>
<td><div align="right">language : </div></td>
<td><img src="/pictures/flags/gb_inactif.png" alt="english" width="16" height="11" align="absmiddle" /></td>
<td><img src="/pictures/flags/fr_inactif.png" alt="français" width="16" height="11" align="absmiddle" /></td>
<td><img src="/pictures/flags/de_inactif.png" alt="deutsch" width="16" height="11" align="absmiddle" /></td>
<td><img src="/pictures/flags/pl_inactif.png" alt="polski" width="16" height="11" align="middle" /></td>
</tr>
</table>
<script type="text/javascript"><!--
google_ad_client = "pub-1805943348031837";
/* 468x15, date de création 25/06/08 */
google_ad_slot = "2032752806";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div></div>
</body>
</html>
---
body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:150%;
color:#7A9176;
background-color:#767E91;
height:350px;
margin:0;
padding:0;
}
img {
border:0;
}
#centrecontainer {
position:absolute;
top:50%;
left:0;
width:100%;
background-color:#769189;
}
#outercontainer {
margin-left:-400px;
position:absolute;
top:-237px;
left:50%;
background-color:#769189;
}
#header {
width:800px;
height:10px;
letter-spacing:1px;
vertical-align: middle;
color: #E3E7C2;
}
#container {
border:20px solid #769189;
width:760px;
height:350px;
}
#containerleft {
float:left;
width:350px;
height:350px;
background-image:url(pictures/pattern.png);
border-right:20px solid #769189;
padding:10px;
}
#containerleft h2 {
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:-3px;
font-size:250%;
text-align:right;
background-color:#ECD3C0;
color:#767E91;
margin:0;
padding:0;
}
#containerright {
float:left;
width:350px;
height:350px;
overflow:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#7A9176;
font-size:11px;
padding:10px;
background-color: #E3E7C2;
background-image: url(/pictures/logo_bg.png);
background-repeat: no-repeat;
background-position: right top;
}
#containerright h2 {
font-family:helvetica, arial, verdana, tahoma, sans-serif;
letter-spacing:-2px;
font-size:200%;
border-bottom:1px solid #ECD3C0;
width:75%;
color:#767E91;
margin:0;
padding:0 0 5px;
}
#footer {
width:800px;
text-align:center;
color:#E3E7C2;
a:link {color: red;
padding:5px 0;
}
a:link {
color:#767E91;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#767E91;
}
.style2 {
color:#E3E7C2;
}
.style4 {color: #ECD3C0}
a:link {
text-decoration: none;
color: #767E91;
}
a:visited {
text-decoration: none;
color: #767E91;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
color: #767E91;
}
a {
font-size: 10px;
}
a.header:link, a.header:active
{
color: #E3E7C2;
text-decoration: none;
}
a.header:visited
{
color: #E3E7C2;
text-decoration: none;
}
a.header:hover
{
color: #E3E7C2;
text-decoration: underline;
}
