Categories > TinyButStrong general (FR) >

bug sur le rollover ?

The forum is closed. Please use Stack Overflow for submitting new questions. Use tags: tinybutstrong , opentbs
By: Toan
Date: 2006-03-30
Time: 18:06

bug sur le rollover ?

Salut,

Pourquoi le style d'un rollover appliqué à un bloc dynamique n'est pas homogène à tous item générés?

fichier PHP:
<?php
...
//*********************************MENU DYNAMIQUE*************************************

//début de la requête commune
$reqCommuneDebut  = "SELECT M.* FROM Menus M, Acceder A, Groupes G ";
$reqCommuneDebut .= "WHERE (M.code_menu = A.code_menu) ";
$reqCommuneDebut .= "AND (A.code_groupe = G.code_groupe) ";
$reqCommuneDebut .= "AND (M.men_actif = 'oui') ";
$reqCommuneDebut .= "AND (G.code_groupe = $_SESSION[groupe_code]) ";
//fin de la requete commune
$reqCommuneFin    = "ORDER BY M.men_ordre ;";

//les requetes des menus de niveau 1
$reqNiveau1       = $reqCommuneDebut."AND M.men_niveau = 0 ".$reqCommuneFin;

//les requetes des menus de niveau 2
$reqNiveau2       = $reqCommuneDebut."AND M.men_niveau = 1 ";
$reqNiveau2      .= "AND (M.men_parent = %p1%)".$reqCommuneFin;

//***********************************FIN MENU DYNAMIQUE     */                                 */
...>

fichier HTML:
<html>
...
<table width="100%" cellpadding=0 cellspacing=0>
    <TR>
      <TD width="100%" align="center"  bgcolor='[var.tab_constantes.COUL_BLEU2]' valign="middle">
       <span class="textblancresidence">VOTRE MENU</span>
      </TD>
   </TR>
</table>

<table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%" bgcolor='[var.tab_constantes.COUL_GRIS_FONCE]'>
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">[niveau1.men_titre;block=table]</span>
        <table bgcolor="[var.tab_constantes.COUL_BLEU]" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor="white">
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout2"'>
             <a href="[var..script_name]?page=[niveau2.men_page;block=tr;p1=[niveau1.code_menu]]" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             [niveau2.men_titre;block=tr;p1=[niveau1.code_menu]]
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table>

...
</html>

si tu veux plus de détails, n'hésites pas!

en espérant que tu connais le souci.

@+

By: oxman
Date: 2006-03-30
Time: 18:45

Re: bug sur le rollover ?

Excuse moi, je sais que je ne suis qu'un simple utilisateur.

Mais tu ne peux pas donner l'url de ta page ou mettre une page en ligne pour tester ? J'ai peut-être une idée du problème mais j'ai besoin de tester pour voir ça. Et vu qu'il y a des requêtes SQL je ne peux pas tester moi même. Tu peux mettre ça en ligne quelque part stp ?
By: Toan
Date: 2006-03-31
Time: 10:13

Re: bug sur le rollover ?

Salut Oxman,

voici la page html générée en ne gardant que le menu en question:
<html>
    <head>
        <title>TEST</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="robots" content="none" />
        <link rel="stylesheet" href="../styles/intranet.css" type="text/css" />
        <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" />
        <script language="javascript" type="text/javascript" src="../js/javascript.js"></script>
    </head>

<body bgcolor="#072C62">
<center>
<table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES MENUS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_menu" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un menu
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES SOCIETES</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_societe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une société
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_associe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un associé
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES COLLABORATEURS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_collaborateur" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un collaborateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_agence" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une agence
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_fonction" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une fonction
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_service" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un service
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_collaborateurs" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier un collaborateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_agences" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier une agence
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=maj_votre_agence" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Mettre à jour votre agence
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES UTILISATEURS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_user" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un utilisateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_groupe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un groupe
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_users" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier un utilisateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=visites_user" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Les visites
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table>
</center>
</body>
</html>

et la feuille de style appliquée intranet.css:
body             {    scrollbar-face-color: #cccccc;
                    scrollbar-shadow-color: #6B839F;
                    scrollbar-highlight-color: #FFFFFF;
                    scrollbar-3dlight-color: #A0C3EB;
                    scrollbar-darkshadow-color: #000000;
                    scrollbar-track-color: #6B839F;
                    scrollbar-arrow-color: #FFFFFF;}
h6,h5 {
    color: White;
    font-family: Arial, Verdana bold, sans-serif;
    font-weight: bold;
    text-align: center;
    vertical-align: text-bottom;
}

.tabout{
background-color: #cccccc;
}

.tabover{
    background-color: #6B839F;
    color: #FFFFFF;
    font-weight: bold;
}

.tabout2{
background-color: white;
}
.tabover2{
    background-color: #EFEFEF;
}

INPUT {background: #FFFFFF; color: black;}
SELECT {background: #FFFFFF; color: black;}
.copyright {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003386; text-decoration:none}
.textbleu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #003386}
.textresidence {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #003386}
.textbleupetit {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003386}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
.text {  }
.textnoir {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.textorange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FE9915}
.color {  color: #FFFFFF}
.black {  font-weight: bold}
.white {  color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.textblancresidence {  color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.gras {  font-weight: bold; color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.grasnoir {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000}
.bleufonce {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #003466;
    font-weight: normal;
    text-transform: none;


}
.qui {  font-family: "Lucida Bright"; font-size: 16px; font-weight: bold; color: #003466}
.maj {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-transform: uppercase;
}
.loigrand {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003466}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003466; border-bottom-width:thick; margin-bottom:0px;}
.contact {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF}
.blocbleu {  background-color: #003466; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: bold}
.blocrouge {  background-color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: bold}

A.menugauche:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menugauche:hover   {
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
}
A.menugauche:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menugauche:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}

A.menuhaut:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menuhaut:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menuhaut:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menuhaut:hover   {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #ffffff; text-decoration:none}

A.menutable:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menutable:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menutable:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menutable:hover   {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: black; text-decoration:none}

j'espère que tu vois mieux le problème!

@+
By: Skrol29
Date: 2006-03-31
Time: 10:31

Re: bug sur le rollover ?

Salut Toan,

Je ne vois pas de problème avec ta page résultat. le rollover s'affiche corectement pour moi sur tous les items.
By: Toan
Date: 2006-03-31
Time: 10:46

Re: bug sur le rollover ?

Salut le toulousain,

ça fasait longtemps que je ne t'ai pas eu, peut-être parce que ça commence à rentrer TBS! lol . En tout cas j'en suis très satisfait pour l'instant! ;-)

A part cet aparteid:

Si tu regardes bien: quand tu passes la souris sur certains items, le texte en blanc gras ne s'applique que sur certains items:
exemple
- Ajouter une fonction

et le tabover:
.tabover{
background-color: #6B839F;
color: #FFFFFF;
font-weight: bold;
}

doit s'appliquer à tout le monde non?

c'est ce pins?

@+
By: Skrol29
Date: 2006-03-31
Time: 10:55

Re: bug sur le rollover ?

Pour moi, le banc gras s'applique sur tous les items.
Mais il faut bien que la souris passe sur le texte et non pas sur la cellule seulement.
By: Toan
Date: 2006-03-31
Time: 11:12

Re: bug sur le rollover ?

????

Tu ne confonds pas le menu de gauche avec celui d'en haut!

celui du haut est statique tant dis que celui de gauche est dynamique(généré par un sous-bloc TBS!)

celui d'en haut marche bien, c'est celui de gauche qui déconne!

@+
By: Skrol29
Date: 2006-03-31
Time: 11:21

Re: bug sur le rollover ?

Menu de gauche ? Menu d'en haut ?
Je ne vois qu'un seul menu dans ton fichier résulat.
By: Toan
Date: 2006-03-31
Time: 11:46

Re: bug sur le rollover ?

Oups,

autant pour moi, je n'ai pas mis le menu d'en haut car il marchait!
Donc c'est bien ça il n'y que celui-là !

et dis tu dis que ça marche chez toi?

quelle est ton navigateur et sa version  ?

ça vient peut-être de là!

moi: ie 6.0 sp2
By: Skrol29
Date: 2006-03-31
Time: 12:01

Re: bug sur le rollover ?

FireFox 1.5.01 => ok
IE 7.0.5296 beta 2 => ok
IE 6.0.2800 => ok (autre PC)
By: Toan
Date: 2006-03-31
Time: 12:08

Re: bug sur le rollover ?

Sniffffffffffff! tu me renvois désolé !

le mieux c'est que je te donne tout:


<html>
    <head>
        <title>INTRANET LCI - Toàn VO</title>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="robots" content="none" />
        <link rel="stylesheet" href="../styles/intranet.css" type="text/css" />
        <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" />
        <script language="javascript" type="text/javascript" src="../js/javascript.js"></script>
    </head>

<body bgcolor="#072C62">
<center>
<table width="100%" bgcolor="#C0C0C0" cellspacing="0" height="100%">
    <tr bgcolor="white">
        <td valign="top" width="100%" colspan="2">
       
<center>
 
  <table width="100%" cellspacing="0" background="../img/fond.gif" border=0>
    <tr>
      <td width="26%" height="51" align="center" rowspan=2>
      <a href="http://www.lecomptoirimmobilier.fr/" target="_new"><img src="../img/logos/logo-lci.gif" width="218" height="26" border="0"></a>
      </td>
      <td nowrap>
      &nbsp;
      <span class="textbleupetit">Bienvenue Toàn VO</span>
      </td>
      <td width="74%" align="center" valign=middle>
        <div align="right"><a href="logout.php"><img hspace="1" src="../img/fermer.gif" alt="se d&eacute;connecter" width="18" height="19" border="0"></a>&nbsp;</div>
      </td>
    </tr>
    <tr>
      <td colspan=2>
      <table width="99%" border="0" height="22" cellpadding="0" cellspacing="1" bgcolor="#003466">
            <tr bgcolor="#CCCCCC">
              <td width=14% bgcolor="#EFEFEF" onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' class="text" align="center">
              <a href="accueil.php?page=home"class="menuhaut">Accueil</a></td>
              <td width=14% align="center"  onmouseover='this.className="tabover"' onmouseout='this.className="tabout"'>
              <a href="accueil.php?page=affiche_fiche" class="menuhaut">Ma fiche</a></div></td>
              <td width=15%  onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' align="center">
              <a href="accueil.php?page=organigramme" class="menuhaut">Organigramme</a></div></td>
              <td width=14%  onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' align="center">
              <a href="#" class="menuhaut">News</a></td>
              <td width=14%  onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' align="center">
              <a href="#" class="menuhaut">Lois</a></td>
              <td width=15%  onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' align="center">
              <a href="#" class="menuhaut">statistiques</a></td>
              <td width=14% align="center" onmouseover='this.className="tabover"' onmouseout='this.className="tabout"'><a href="#" class="menuhaut">ISO 9001</a></td>
            </tr>
          </table>
      </td>
    </tr>
  </table>

</center>

        </td>
    </tr>
    <tr bgcolor="white">
        <td width="220" valign="top" nowrap>
       
<table cellpadding="4"><tr><td>
<table width="100%" cellpadding=0 cellspacing=0>
    <TR>
      <TD width="100%" align="center"  bgcolor='#6B839F' valign="middle">
       <span class="textblancresidence">VOTRE MENU</span>
      </TD>
   </TR><!---->
</table>

<table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES MENUS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_menu" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un menu
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES SOCIETES</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_societe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une société
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_associe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un associé
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES COLLABORATEURS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_collaborateur" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un collaborateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_agence" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une agence
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_fonction" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter une fonction
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_service" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un service
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_collaborateurs" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier un collaborateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_agences" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier une agence
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=maj_votre_agence" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Mettre à jour votre agence
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table><table width="100%" cellpadding=0 cellspacing=0 bgcolor="white">
    <tr>
        <td height="27" width="100%">
        <img src="..\img\logos\boussole_menu.gif" align="center" />
        <span class="textresidence">LES UTILISATEURS</span>
        <table bgcolor="#003366" border="0" cellpadding="4" cellspacing="1" width="98%" align="center">
          <tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_user" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un utilisateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=ajout_groupe" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Ajouter un groupe
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=lister_users" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Modifier un utilisateur
             </a>
             </td>
           </tr><tr bgcolor='#CCCCCC'>
             <td onmouseover='this.className="tabover"' onmouseout='this.className="tabout"' nowrap>
             <a href="accueil.php?page=visites_user" class="menugauche">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
             Les visites
             </a>
             </td>
           </tr>
        </table>
        </td>
    </tr>
</table>
</td></tr></table>


        </td>
        <td width="*%" valign="middle" height="100%">
       
<center>
<table bgcolor="#003366" cellspacing="0" width="100%" border="0" height="100%">
    <tr bgcolor="white">
        <td align="center" valign="middle">
        <img src="../img/carte-de-france3.gif" width="540" height="546" border="0" usemap="#Map">
<map name="Map">
  <area shape="circle" coords="191,120,10" href="./accueil.php?page=affiche_agence&code_agence=3" alt="Caen">
  <area shape="circle" coords="88,156,10" href="./accueil.php?page=affiche_agence&code_agence=4" alt="St-brieuc">
  <area shape="circle" coords="20,157,9" href="./accueil.php?page=affiche_agence&code_agence=5" alt="Brest">
  <area shape="circle" coords="63,200,9" href="./accueil.php?page=affiche_agence&code_agence=11" alt="Lorient">
  <area shape="circle" coords="132,184,9" href="./accueil.php?page=affiche_agence&code_agence=8" alt="Rennes">
  <area shape="circle" coords="128,234,10" href="./accueil.php?page=affiche_agence&code_agence=17" alt="Nantes">
  <area shape="circle" coords="174,228,10" href="./accueil.php?page=affiche_agence&code_agence=10" alt="Angers">
  <area shape="circle" coords="228,233,10" href="./accueil.php?page=affiche_agence&code_agence=9" alt="Tours">
  <area shape="circle" coords="175,295,9" href="./accueil.php?page=affiche_agence&code_agence=14" alt="Niort">
  <area shape="circle" coords="258,307,9" href="#" alt="Limoges">
  <area shape="circle" coords="330,333,9" href="./accueil.php?page=affiche_agence&code_agence=12" alt="Clermont-ferrand">
  <area shape="circle" coords="172,393,10" href="./accueil.php?page=affiche_agence&code_agence=7" alt="Bordeaux">
  <area shape="circle" coords="118,472,12" href="./accueil.php?page=affiche_agence&code_agence=13" alt="Biarritz">
  <area shape="rect" coords="10,40,70,100" href="./accueil.php?page=affiche_agence&code_agence=1" alt="Si&egrave;ge social - Rue Monge" />
  <area shape="rect" coords="19,96,83,119" href="./accueil.php?page=affiche_agence&code_agence=2" alt="Si&egrave;ge social - Grand Large">
  <area shape="circle" coords="30,180,10" href="./accueil.php?page=affiche_agence&code_agence=6" alt="Quimper">
</map>
        </td>
        <td valign="middle">
        <table align="center" cellspacing="1" cellpadding="4" border="0" bgcolor="black" width="200">
            <tr bgcolor='#6B839F'>
                <TD colspan="3" width="100%" align="center"  bgcolor='#6B839F' valign="middle">
                <span class="textblancresidence">NOS AGENCES LCI</span>
                </td>
            </tr>
            <TR>
                <td colspan="3" width="100%" bgcolor='#CCCCCC' align=center>
                <img src="..\img\logos\boussole_menu.gif" align="left" />
                <span class="textresidence">Il y a actuellement<br>15 agences</span>
                </TD>
            </TR>
            <tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=3">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 14 Caen
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=4">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 22 Saint Brieuc
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=5">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 29 Brest
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=6">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 29 Quimper
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=7">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 33 Bordeaux
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=8">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 35 Rennes
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=9">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 37 Tours
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=10">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 49 Angers
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=11">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 56 Lorient
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=17">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 56 Nantes
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=12">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 63 Clermont Ferrand
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=13">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 64 Biarritz
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=14">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI 79 Niort
                </a>
                </td>
            </tr><tr bgcolor="#E6E6E6">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=2">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI Siège - Grand Large
                </a>
                </td>
            </tr><tr bgcolor="#F0F0F0">
                <td nowrap>
                <a class="menutable" href="accueil.php?page=affiche_agence&code_agence=1">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                LCI Siège - Rue Monge
                </a>
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table>
</center>
        </td>
    </tr>
    <tr bgcolor="white">
        <td valign="top" width="100%" colspan="2">
       
<p align="center">
<span class="copyright">LE COMPTOIR IMMOBILIER &copy;2006 </span>
</p>

        </td>
    </tr>
</table>
</center>
</body>
</html>

et d'après le code html généré, il n'y a que
- Ajouter une fonction
qui marche vraiment !

je mets mes espoirs dans ta clairvoyance! car je ne comprends plus rien!
By: oxman
Date: 2006-03-31
Time: 12:58

Re: bug sur le rollover ?

styles/intranet.css

Il nous manque ce fichier ;p
By: Toan
Date: 2006-03-31
Time: 14:03

Re: bug sur le rollover ?

il est en haut:
pour rappel:

body             { scrollbar-face-color: #cccccc;
     scrollbar-shadow-color: #6B839F;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-3dlight-color: #A0C3EB;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: #6B839F;
     scrollbar-arrow-color: #FFFFFF;}
h6,h5 {
color: White;
font-family: Arial, Verdana bold, sans-serif;
font-weight: bold;
text-align: center;
vertical-align: text-bottom;
}

.tabout{
background-color: #cccccc;
}

.tabover{
background-color: #6B839F;
color: #FFFFFF;
font-weight: bold;
}

.tabout2{
background-color: white;
}
.tabover2{
background-color: #EFEFEF;
}

INPUT {background: #FFFFFF; color: black;}
SELECT {background: #FFFFFF; color: black;}
.copyright {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003386; text-decoration:none}
.textbleu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #003386}
.textresidence {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #003386}
.textbleupetit {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003386}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
.text {  }
.textnoir {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.textorange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FE9915}
.color {  color: #FFFFFF}
.black {  font-weight: bold}
.white {  color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.textblancresidence {  color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.gras {  font-weight: bold; color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.grasnoir {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000}
.bleufonce {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #003466;
font-weight: normal;
text-transform: none;


}
.qui {  font-family: "Lucida Bright"; font-size: 16px; font-weight: bold; color: #003466}
.maj {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-transform: uppercase;
}
.loigrand {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003466}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003466; border-bottom-width:thick; margin-bottom:0px;}
.contact {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF}
.blocbleu {  background-color: #003466; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: bold}
.blocrouge {  background-color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: bold}

A.menugauche:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menugauche:hover   {
font-family: Verdana;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
A.menugauche:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menugauche:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}

A.menuhaut:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menuhaut:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menuhaut:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menuhaut:hover   {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #ffffff; text-decoration:none}

A.menutable:link    {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menutable:visited {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #003466; text-decoration:none}
A.menutable:active  {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none;color: #FFFFFF; text-decoration:none}
A.menutable:hover   {font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: black; text-decoration:none}

@+
By: Skrol29
Date: 2006-03-31
Time: 14:32

Re: bug sur le rollover ?

Toujours aucun problème.
C'est peut être un bug de refresh.

Ajoute un ? à la fin du nom e fichier php pour forcer le rafraîchissement
Exemple :
http://localhost/test.php?
By: Toan
Date: 2006-03-31
Time: 15:46

Re: bug sur le rollover ? [RESOLU]

Problème résolu!

en déplaçant :
A.menugauche:hover   {
font-family: Verdana;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}

à la fin de la feuille de style ça marche!

va comprendre charles pourquoi?

merci à vous 2!

@+
By: oxman
Date: 2006-04-05
Time: 09:15

Re: bug sur le rollover ? [RESOLU]

Parce que l'analyseur de CSS fait dans l'ordre chronologique.
Typiquement : ta souris est au dessus d'un lien visité.

L'analyseur tombe surle bloc A.menugauche:hover, il applique les CSS. Et continue son traitement, il arrive sur A.menugauche:visited, il applique les CSS. Ce qui écrase tes modifications du :hover.