Lien d'une couleur differente à l'ouverture du site

06 sept. 2006, 14:53

Bonjour à tous,
Je n'arrive pas à ce que mon lien « Accueil » soit « Visited » et donc d’une couleur differente des autres liens, lorsque j’arrive la première fois sur mon site.
En fait j'arrive sur ma page acceuil et je veux que mon lien soit de couleur rouge.

Voici un bout de code de mon menu :

Code : Tout sélectionner

<li><a id="<? if((!isset($pageOK)) || ($_GET['page'])=='accueil' ){echo "current";}?>" href="index.php?page=accueil" title="Accueil ?">Acceuil</a></li>

Par contre lorsque je ferme et rouvre IE, là ça fonctionne mais pas la première fois !!

Merci pour vos solutions.
Pierre

06 sept. 2006, 14:57

Salut,
A quoi correspondent $pageOK et $_GET['page'] ?
Tu entre bien dans la condition du if() ?

06 sept. 2006, 15:01

Toutes les conditions sont-elles vérifiées lorsque tu rentres sur ton site? qu'elle est l'url donnée pour y aller?

06 sept. 2006, 16:12

Voici le code de ma page index :
le code en question est au niveau de la div "menu"

<!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" xml:lang="fr" lang="fr">
  <head>
  <?php
    @$pageOK=$_GET['page'];
    @$pOK=$_GET['p'];
    if(!isset($pageOK)){include('header/header-accueil.php');}
    if($pageOK=='01'){include('header/header-accueil.php');}
    elseif($pageOK=='03'){include('header/header-agence.php');}
    elseif($pageOK=='02' && $pOK=='s01'){include('header/header-site.php');}
    elseif($pageOK=='s01v'){include('header/header-vitrine.php');}
    elseif($pageOK=='s01d'){include('header/header-dynamique.php');}
    elseif($pageOK=='s01e'){include('header/header-ecommerce.php');}
    elseif($pageOK=='02' && $pOK=='s02'){include('header/header-hebergement.php');}
    elseif($pageOK=='02' && $pOK=='s03'){include('header/header-referencement.php');}
    elseif($pageOK=='02' && $pOK=='s04'){include('header/header-marketing.php');}
    elseif($pageOK=='04'){include('header/header-contact.php');}
    ?>
    <link rel="icon" type="image/png" href="http://www.calliweb.fr/images/favicon.png"/>
    <link type="text/css" href="css/general.css" rel="stylesheet"/>
    <link type="text/css" href="css/formStyles.css" rel="stylesheet"/>
    <script type="text/javascript" src="css/formValidation.js"></script>
</head>

<body>
<div id="pages">
<!-- Header -->
    <div id="header">
     <h1><a href="index.php?page=01" title="Calli"></a><span class="display_none">Calli</span></h1>
     <h2>Créa</h2>
    </div>
<!-- Bandeau -->
      <?php
      if (isset($_GET['page'])){
          if(($_GET['page'])=='01'){
          echo '<div id="bandeau">';
          }elseif(($_GET['page'])=='03'){
          echo '<div id="bandeau2">';;
          }elseif(($_GET['page'])=='04'){
          echo '<div id="bandeau4">';;
          }elseif(($_GET['page'])=='05'){
          echo '<div id="bandeau4">';;
          }elseif(($_GET['page'])=='07'){
          echo '<div id="bandeau4">';;
          }else{
          echo '<div id="bandeau3">';;}
        }else{echo '<div id="bandeau">';;}
      ?>
      <div id="menu">
        <ul>
       <li><a id="<? if((!isset($pageOK)) || ($_GET['page'])=='01' ){echo "current";}else{echo "dud";} ?>" href="index.php?page=01" title="CalliWeb, creation de site internet">Accueil</a></li>
       <li><a id="<? if(($_GET['page'])=='03'){echo "current";}else{echo "dud2";} ?>" href="index.php?page=03" title="Qui sommes nous ?">L'agence</a></li>
       <li><a id="<? if(($_GET['page'])=='02' || ($_GET['page'])=='s01e' ||($_GET['page'])=='s01v' || ($_GET['page'])=='s01d' || ($_GET['page'])=='10'){echo "current";}else{echo "dud3";} ?>" href="index.php?page=02" title="Découvrez nos offres">Nos services</a></li>
       <li><a id="<? if(($_GET['page'])=='04' || ($_GET['page'])=='05'){echo "current";}else{echo "dud4";} ?>" href="index.php?page=04" title="Contactez nous">Contact</a></li>
     </ul>
     <div id="telephone"><img src="img/tel.gif" alt="Téléphone" width="12" height="9" /> <span class="num">01 60 14 50 20</span></div>
      </div>
    </div>
<!-- Content -->
    <div id="content">
      <?php


    // On définit le tableau contenant les pages autorisées
  // ----------------------------------------------------
  $pageOK = array(  /* MENU */
                    '01' =>'accueil.php',
                    '02' =>'services.php',
                    '03' =>'nous_connaitre.php',
                    '04' =>'contact.php',
                    '05' =>'reponse_contact.php',
                    '06' =>'design.php',
                    '07' =>'mentions.php',
                    '08' =>'e_marketing.php',
                    '09' =>'e_commerce.php',
                    '10' =>'referencement.php',

                    '11' =>'plan-site.php',

                    /* page site vitrine dynamique e-commerce */
                    's01e' => 'services/e_commerce.php',
                    's01v' => 'services/vitrine.php',
                    's01d' => 'services/dynamique.php',);

  // On teste que le paramètre d'url existe et qu'il est bien autorisé
  // -----------------------------------------------------------------
  if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) {
    include($pageOK[$_GET['page']]);   // Nous appelons le contenu central de la page
  } else {
    include('accueil.php');
    } // Page par défaut quant elle n'existe pas dans le tableau
    ?>
    </div>
<!-- Footer -->
    <div id="footer"><p>&copy; Copyright 2006 <b>CalliWeb</b> | <a href="index.php?page=11" title="Plan du site">Plan du site</a> | <a href="index.php?page=07" title="Mentions légales">Mentions légales</a></p> </div>
    <div id="w3c"><p><a href="http://validator.w3.org/check?uri=referer"><img src="img/valid_XHTML.gif" alt="XHTML valide W3C" width="80" height="15" /></a>&nbsp;&nbsp;<a href="http://jigsaw.w3.org/css-validator"><img src="img/valid_css.gif" alt="CSS valide W3C" width="80" height="15" /></a></p></div>
</div>
</body>

</html>

Merci

06 sept. 2006, 16:40

Tu n'as pas répondu aux questions...

Que donne le code source ?

06 sept. 2006, 17:31

Désolé,
voici mon code source :

<!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" xml:lang="fr" lang="fr">
  <head>
  <title>CalliWeb - Cr&eacute;ation site internet, r&eacute;f&eacute;rencement, dépôt de nom de domaines, hébérgement, e-marketing.</title>
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type"/>
<meta name="description" content="CalliWeb - Création de site internet, conception, realisation de site Internet et referencement"/>
<meta name="keywords" content=""/>
<meta http-equiv="content-language" content="fr"/>
<meta name="name" content="calliweb"/>
<meta name="robots" content="index, follow"/>
<meta name="revisit-after" content="15 days"/>

    <link rel="icon" type="image/png" href="http://www.calliweb.fr/images/favicon.png"/>
    <link type="text/css" href="css/general.css" rel="stylesheet"/>
    <link type="text/css" href="css/formStyles.css" rel="stylesheet"/>
    <script type="text/javascript" src="css/formValidation.js"></script>
</head>

<body>
<div id="pages">
<!-- Header -->
    <div id="header">
     <h1><a href="index.php?page=01" title="CalliWeb"></a><span class="display_none">CalliWeb, création de sites Internet, dépôt de nom de domaines, hébergement, référencement, e-marketing</span></h1>
     <h2>Création de sites Internet</h2>
    </div>
<!-- Bandeau -->
      <div id="bandeau">      <div id="menu">
        <ul>
       <li><a id="current" href="index.php?page=01" title="CalliWeb, creation de site internet">Accueil</a></li>
       <li><a id="dud2" href="index.php?page=03" title="Qui sommes nous ?">L'agence</a></li>
       <li><a id="dud3" href="index.php?page=02" title="Découvrez nos offres">Nos services</a></li>
       <li><a id="dud4" href="index.php?page=04" title="Contactez nous">Contact</a></li>
     </ul>
     <div id="telephone"><img src="img/tel.gif" alt="Téléphone" width="12" height="9" /> <span class="num">01 60 14 50 20</span></div>
      </div>
    </div>
<!-- Content -->
    <div id="content">
      <div id="accueil">
  <div id="agence">
   <h3>Pourquoi nous choisir ?</h3>
    <h4>Le conseil</h4>
    <ul>
      <li>Un site Internet réalisé par des professionnels du web.</li>
      <li>Un accompagnement personnalisé inscrit dans la durée.</li>
    </ul>
    <h4>La personnalisation</h4>
    <ul>
      <li>Une création graphique haut de gamme sur mesure.</li>
      <li>Une ergonomie pensée pour votre activité.</li>
    </ul>
    <h4>La simplicité</h4>
    <ul>
      <li>Des rubriques simples adaptées à vos besoins.</li>
      <li>Des mises à jour faciles à éditer.</li>
    </ul>
    <h4>L'évolutivité</h4>
    <ul>
      <li>Respect des standards du <acronym title="World Wide Web Consortium">W3C</acronym>.</li>
      <li>Vous pouvez facilement faire évoluer votre site.</li>
    </ul>
    <h4>La maîtrise de votre budget</h4>
    <ul>
      <li>Des solutions adaptées à votre budget.</li>
      <li>Des options pour une meilleur adaptabilité.</li>
    </ul>
    <h4>N'h&eacute;sitez plus : <a href="index.php?page=04" title="Contactez-nous">contactez nous !</a></h4>
   </div>
  <div id="clients">
    <h3>Ils nous ont fait confiance</h3>
    <div class="reference">
    <p><a href="http://www.arcos-partners.com"><img class="ref" src="img/ref/arcos.gif" alt="Arcos & Partners" width="120" height="86" /></a>
        <span class="red"><b>Site Internet dynamique</b></span>
        <br />
        Cabinet de recrutement Arcos & Partners.
        <br />
        Technologies utilisées :</p>
        <ul>
          <li class="puce">XHTML - CSS</li>
          <li class="puce">PHP - MYSQL</li>
          <li class="puce">Flash</li>
        </ul>
        <br />
        <p>> Mise en place d'une interface administrateur permettant la mise à jour des postes à pourvoir</p>
    </div>
    <div class="reference">
    <p><a href="http://www.comptoirdeslangues.fr"><img class="ref" src="img/ref/comptoir.gif" alt="Comptoir des Langues" width="110" height="113" /></a>
        <span class="red"><b>Site Internet de e-commerce</b></span>
        <br />
        Centre de formations en langues étrangères le Comptoir des Langues.
        <br />
        Technologies utilisées :</p>
        <ul>
          <li class="puce">XHTML - CSS</li>
          <li class="puce">PHP - MYSQL</li>
          <li class="puce">Flash</li>
        </ul>
        <br />
        <p>> Modules de e-learning destiné aux entreprises et aux particuliers<br />> Système de paiement sécurisé<br />> Réalisation d'une interface administrateur permettant un suivi client</p>


    </div>
    <div class="reference">
    <p><a href="http://www.lesaulnier.com"><img class="ref" src="img/ref/le-saulnier.gif" alt="Le Saulnier" width="130" height="83" /></a>
        <span class="red"><b>Site Internet vitrine</b></span>
        <br />
        Restaurant Le Saulnier.
        <br />
        Technologies utilisées :</p>
        <ul>
          <li class="puce">XHTML - CSS</li>
          <li class="puce">PHP</li>
        </ul>
        <br />
        <p class="clear">> Carte de visite pour les comités d'entreprises et les tours opérateurs<br />> Galerie photos</p>

    </div>
  </div>
</div>
    </div>
<!-- Footer -->
    <div id="footer"><p>&copy; Copyright 2006 <b>CalliWeb</b> | <a href="index.php?page=11" title="Plan du site">Plan du site</a> | <a href="index.php?page=07" title="Mentions légales">Mentions légales</a></p> </div>
    <div id="w3c"><p><a href="http://validator.w3.org/check?uri=referer"><img src="img/valid_XHTML.gif" alt="XHTML valide W3C" width="80" height="15" /></a>&nbsp;&nbsp;<a href="http://jigsaw.w3.org/css-validator"><img src="img/valid_css.gif" alt="CSS valide W3C" width="80" height="15" /></a></p></div>
</div>
</body>

</html>

06 sept. 2006, 21:16

pour colorer le lien je suppose que tu as une feuille de style avec id="current"... ?

Essaie de donner plus de détails.

07 sept. 2006, 10:39

Voici mon code css pour le menu :

Code : Tout sélectionner

#menu{ position: absolute; display:inline; margin-left: 620px; margin-top: 33px }
#menu ul { margin: 15px 0 0 0; }
#menu li {padding: 5px 0 0 2px; }
#menu li a{ margin-left: 15px; font: bold 16px Verdana, Arial, Helvetica, sans-serif ; color:#3398BE; letter-spacing: 1PX }
#menu li a:visited#current{ color:#CC3300 }
#menu a:hover{ color:#98C523 }

07 sept. 2006, 11:04

Merci Truc, tu m'as mis sur la voie, j'avais oublié de mettre :

Code : Tout sélectionner

#menu li a:link#current{ color:#CC3300 }

2 jours que je m'arrache les cheveux pour ce a:link.

Merci encore et bonne continuation.

07 sept. 2006, 11:06

Par contre je ne sais pas ou trouver le bouton résolu, si quelqu'un pouvait le faire pour moi.
Merci

Lien d'une couleur differente à l'ouverture du site

Qui est en ligne