Comportements de liens sur une page
Comportements de liens sur une page - HTML/CSS - Programmation
Marsh Posté le 27-06-2008 à 11:28:45
au fait la page est dispo ici : http://www.alexandragiroux.net/index.html
Marsh Posté le 27-06-2008 à 12:49:22
Si tu rajoute color:... dans le a{} de ton css ca ne change pas la couleur des liens?
Marsh Posté le 28-06-2008 à 02:15:12
bon y a beaucoup de problemes la
deja c ets horrible toutes ces tables
ton design est facile a mettre en page sans ces horreurs
ensuite je vois un truc <div id="header" class="header">
aucun interet a mettre une classe sur un element unique surtout que tu ne te ressers jamais de cette classe
et pour finir la reponse a ta question:
tu ecris a.header alors que c est #header a que tu veux faire
---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Marsh Posté le 28-06-2008 à 05:13:42
Merci pour ces pistes.
Je bosse sous dreamweaver 8 ai-je oublié de préciser.
Sujets relatifs:
- Problème excel / vba excel - répétition de titres en haut de page
- Contenu d'une page Word vers excel
- Problème sur ma page de téléchargement
- Problème d'affichage de la page PHP
- Popup CSS, avec désactivation de la page courante
- Repéter une zone d'une page HTML
- La page ne s'affiche pas...
- Macro pour changer les liens d'une colonne
- controler la taille d'une page
- [C++] Mini proj pour se logger sur une page ASP
Marsh Posté le 27-06-2008 à 11:27:13
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;
}