probleme de lien

19 sept. 2005, 10:13

Bonjour,

J' ai fait un CSS pour afficher mes lien en sans soulignement et avec une taille fixe.
Quand j'ouvre ma page d'acceuil cela fonctionne mais lorsque je click sur le lien et que je reviens sur la page d'acceuil je perd le style CSS et je me retrouve avec une autre écriture soulignée.

Code : Tout sélectionner

<style type="text/css">
<!--
.arriereplan {
	background-repeat: no-repeat;
	background-image:    url(image/image_acceuil/acceuil3.jpg);
}
-->
</style>
<style type="text/css">
<!--
a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
-->
</style>

Voici mon code

19 sept. 2005, 11:06

Tu as ça en ligne quelque part qu'on puisse jeter un coup d'oeil au code source html en parallèle ?

19 sept. 2005, 11:10

En plus du a:link et du a:hover, tu devrais créer le a:visited pour le lien visité, c'est peut-être ton soucis.

19 sept. 2005, 11:25

Bonjour,

J'ai rajouté la balise visited ça a résolu une partie du pb car maintenant lorsque je retourne sur la page d'acceuil le texte s'écrit corectement par contre le lien déjà visité ne change plus de couleur losque je passe le curseur dessus.

Code : Tout sélectionner

<html>
<head>
<title>Le guide du laboratoire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME='description' LANG='fr' CONTENT="Site d'information sur les activit&eacute;s des  laboratoires scientifiques
Annuaire,Comparatifs des mat&eacute;riels et instruments de laboratoires,offres d'emplois demandes d'emplois ">
<META NAME='keywords' LANG='fr' CONTENT="Annuaire laboratoire scientiphiques,materiel laboratoire,comparatif materiel,offre d' emploi,demande d'emploi,Actualit&eacute; des laboratoires,infos,articles scientifique,prestaire de service pour laboratoire,balance, comparatif balance mettler ohaus sartorius precisa,Destockage et materiel d'occasion pour les laboratoires,Forum pour laboratoire, materiels et consommable labo et laboratoire
Spectrophotometrie, colorimetrie,ph,phmetre,titrateur,titreur,titrateur,conductimetre,hotte,etuve incubateur,materiel bio,biotechnolgie,microscope,microscopie,">
<META NAME='Identifier-URL' CONTENT="http://www.guidelabo.com">
<META NAME='revisit-after' CONTENT="10">
<style type="text/css">
<!--
.arriereplan {
	background-repeat: no-repeat;
	background-image:    url(image/image_acceuil/acceuil3.jpg);
}
-->
</style>
<style type="text/css">
<!--
a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.annuaire {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: normal;
	text-transform: none;
	color: #000066;
}
.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.titrearticle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
.cathegoriearticle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}
-->
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1000" height="666" border="0" cellspacing="0" class="arriereplan">
  <!--DWLayoutTable-->
  <tr> 
    <td height="104" colspan="4" valign="top"><table width="100%" height="102" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr> 
          <td width="998" height="102" align="center"><table width="38" border="0" cellspacing="0" bordercolor="#CCCCFF">
              <tr> 
                <td width="36"><img src="image/image_acceuil/<?php echo $row_RSPubhaut['pubbandeau']; ?>"></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="156" height="274" valign="top"> 
      <table width="100%" border="0" cellspacing="3">
        <tr> 
          <td bgcolor="#FFFF00"><div align="center"><strong class="cathegoriearticle">Entreprises & 
              March&eacute;s</strong></div></td>

19 sept. 2005, 11:45

hum... Je sèche là...

quand la souris est dessus, c'est obligatoiremetn le hover qui est utilisé, donc devrait pas y avoir de soucis

19 sept. 2005, 13:10

Salut,
Modifie tes styles comme en suivant cet ordre :
1/ a:link
2/ a:visited
3/ a:hover

Ca devrai fonctionner après...

19 sept. 2005, 13:25

Merci ça fonctionne

You are the best!!!

19 sept. 2005, 14:24

Ah bin j'en apprends tous les jours... Je pensais pas que l'ordre entrais en jeu...

Merci Flo

19 sept. 2005, 18:43

Ah bin j'en apprends tous les jours... Je pensais pas que l'ordre entrais en jeu...

Si, c'est du reste une caractéristique des feuilles de style en cascade: si pour une même balise tu as trois styles, un dans une feuille externe, un autre dans des balises <style> en entête de page et un troisième en ligne directement dans la balise, ce sera le dernier lu qui prendra le pas sur les autres, donc celui dans la balise.

Dans le même esprit, il faut donc en comprendre qu'un style susceptible d'écraser un autre style quand ce n'est pas souhaité doit être placé AVANT celui qu'il risque d'écraser.

probleme de lien

Qui est en ligne