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

<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 ?
:roll: :roll: :roll: :roll: :roll: :roll:

 

[twin]

Tu peux mettre ta feuille de style ici, stp

 

[cheloniologue]

Oui sans problème

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

#navigation td

par

#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 :lol: :lol: :lol:

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

Bien cordialement à tous

 

[allignol]

Par exemple pour le bout de code que tu donnes:

<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:

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