Petit problème graphique.... où est le problème !

[cheloniologue]

Bonjour à tous
J'ai un petit problème car je souhaiterai que l'on ne voit pas la barre en dessous des cases ayant un menu déroulant ...(il y a deux barres en bas ...et je souhaiterai qu'il y en est qu'une) et j'aimerai que l'ensemble de la case change de couleur quand la souris passe dessus ... Voici une copie écran plus la partie du script



et le script

Code: Tout sélectionner

<tr>
          <td width="100%"><a href="Alimentation/index.php" class="navText">L'alimentation</a></td>
        </tr>

        <tr>
          <td width="100%">         
<table width="100%" >
            <tr>
              <td><a href="#1" name="link6" class="navText" id="link2" onmouseover="MM_showMenu(window.mm_menu_0619164203_0,189,-2,null,'link6')" onmouseout="MM_startTimeout();">Guide pratique</a> </td>
              <td class="subHeader Style19"><div align="right">&gt;&gt;</div></td>
            </tr>
</table>
          </td>
        </tr>

[aurelien59]

Le problème doit se trouver dans le style à mon avis.

[cheloniologue]

ah bon ?

[twin]

Tu peux mettre ta feuille de style ici, stp

[cheloniologue]

Oui sans problème

Code: Tout sélectionner

body {
   margin:0px;
   }
   
td {
   font:11px Arial, Helvetica, sans-serif;
   color:#666666;
   }
   
a {
   color: #993300;
   }
   
a:hover {
   color: #5C743D;
   }

/* ID Styles */

#navigation td {
   border-bottom: 1px solid #F4FFE4;
   }
   
#navigation a {
   font: bold 11px Arial, Helvetica, sans-serif;
   color: #D5EDB3;
   line-height:16px;
   letter-spacing:.1em;
   text-decoration: none;
   display:block;
   padding:8px 6px 10px 20px;
   }
   
#navigation a:hover {
   background: #99CC66;
   color:#993300;
   }
   
#logo    {
   font:24px Arial, Helvetica, sans-serif;
   color: #5C743D;
   letter-spacing:.2em;
   line-height:30px;
   }

#tagline    {   
   font:11px Arial, Helvetica, sans-serif;
   color: #993300;
   letter-spacing:.4em;
   line-height:18px;
   }

#monthformat {
   border-bottom: 1px dashed #5C743D;
   }
      
#dateformat {
   font:11px Arial, Helvetica, sans-serif;
   color: #993300;
   letter-spacing:.2em;
   }
   
#dateformat a {
   font:11px Arial, Helvetica, sans-serif;
   color: #993300;
   font-weight:bold;
   letter-spacing:.1em;
   text-decoration:none;
   }
   
#dateformat a:hover {
   color: #F4FFE4;
   letter-spacing:.1em;
   }
   
/* Class Styles */
   
.bodyText {
   font:11px Arial, Helvetica, sans-serif;
   color:#666666;
   line-height:20px;
   margin-top:0px;
   }
   
.pageName{
   font: 18px Arial, Helvetica, sans-serif;
   color: #99CC66;
   line-height:26px;
   letter-spacing:.21em;
   }
   
.subHeader {
   font:bold 11px Arial, Helvetica, sans-serif;
   color: #993300;
   line-height:22px;
   letter-spacing:.2em;
   }

.quote {
   font: 20px Arial, Helvetica, sans-serif;
   color: #759DA1;
   line-height:30px;
   }
   
.smallText {
   font: 10px Arial, Helvetica, sans-serif;
   color: #666666;
   line-height: 22px;
   }
   
.navText {
   font: 11px Arial, Helvetica, sans-serif;
   color: #003366;
   line-height:16px;
   letter-spacing:.1em;
   text-decoration: none;
   }
   
.Style4 {
   color: #333300;
   font-weight: bold;
   }

.Style2 {
   font-size: 12px;
   color: #333333;
   }

.Style1 {
   font-size: 18px;
   color: #FFCC33;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
   }   

[jeroen]

Déjà tu déclare deux fois ta feuille de style. A corriger.

Ensuite modifie ta feuille de style en remplaçant

Code: Tout sélectionner

#navigation td

par

Code: Tout sélectionner

#navigation>tbody>tr>td

Cordialement,

[cheloniologue]

je viens de le changer ...aucun changement sur la page d'accueil

[jeroen]

je viens de le changer ...aucun changement sur la page d'accueil

Tu me fais perdre mon temps là... si au moins tu LISAIS ce que j'écrivais...

ta page fait appel à deux feuilles de style distinctes

http://www.cheloniophilie.com/mm_health_nutr.css (que tu as modifié)
et
http://www.cheloniophilie.com/design/mm_health_nutr.css (que tu n'a pas touché)

Tu as beau modifier la première, la deuxième annule les résultats la première.

Vire donc de ta page l'appel à la deuxième, que tu n'a pas modifié.

[allignol]

pour que toute ta case change de couleur, je pense que le moyen le plus simple est:
-mettre ta classe .navText (pour la balise <a/>) en display:block
-lui donner la bonne largeur et la bonne hauteur
-lui appliquer line-height de la hauteur du block (pour centrer le texte verticalement)
-et mettre les propriétés margin et padding à 0

[cheloniologue]

Bonjour Tout d'abord merci pour la rectification ...(j'avais mal regardé ton intervention et je m'étais focalisé sur le changement dans le CSS) OUPS

Enfin Allignol ...
Qu'entends tu par là ...
Aurais tu une démo pour une case si possible ? (je suis dsl de t'embéter)

Bien cordialement à tous

[allignol]

Par exemple pour le bout de code que tu donnes:

Code: Tout sélectionner

<tr>
          <td width="100%"><a href="Alimentation/index.php" class="navText">L'alimentation</a></td>
        </tr>

        <tr>
          <td width="100%">         
<table width="100%" >
            <tr>
              <td><a href="#1" name="link6" class="navText" id="link2" onmouseover="MM_showMenu(window.mm_menu_0619164203_0,189,-2,null,'link6')" onmouseout="MM_startTimeout();">Guide pratique</a> </td>
              <td class="subHeader Style19"><div align="right">&gt;&gt;</div></td>
            </tr>
</table>
          </td>
        </tr>

Tu peux mettre en CSS:

Code: Tout sélectionner

a.navText{
   display:block;
   width:100%;
   height:16px;
   line-height:16px;
   margin:0;
   padding:0;}

J'ai pas lu tout ton code, mais normalement il n'y a pas de problème.

[cheloniologue]

bon je vais essayer
Je te tiens informé ...merci d'avance