Petit problème avec une feuille de style...

Bonjour à tous, et bravo pour le super boulot que vous faites, autant pour ce forum que pour votre site...

je vous expose mon petit soucis :
Sous IE6, aucun problème...
mais sous firefox et apparement quelque autres navigateurs....
mes liens ne prennent pas le style "lien_1" (ou 2 peu importe)
est-ce un problème de feuille CSS ?
si oui, je vous joins le code :

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	}	
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#menu3 {
	width: 159px;
	border: 0px solid #ccc;
	margin: 0px;
	}
	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	text-align:left;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 25px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}

#menu4 {
	width: 159px;
	border: 0px solid #ccc;
	margin: 0px;
	}
	
#menu4 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	text-align:left;
	}	
	
#menu4 li a:link, #menu4 li a:visited {
	color: #888;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 25px;
	}
	
#menu4 li a:hover, #menu4 li a:active {
	color: #283A50;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}

.texte9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.texte10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.texte12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.texte12rouge {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #CC0033;
	text-decoration: none;
}
.texte12gras {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.texte10gris {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
}
.texte10rouge {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC0033;
	text-decoration: none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: red;
	text-decoration: none;
}



a
    {
    font-family: Verdana, Arial, Helvetica, sans-serif; (il est recommandé d'en mettre plusieurs et de terminer par une famille de fonte "(sans) serif".
    font-size: 10px; (il est recommandé d'utiliser des tailles de polices proportionnelles (en em par exemple).
    font-weight: bold;
    }
a.lien_1
    {
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;


    }
a.lien_1:visited
    {
    color: blue;
    }
a.lien_1:hover
    {
    color: #666666;
    }
a.lien_1:active
    {
    color: #666666;
    }

a.lien_2
    {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;

    }
a.lien_2:visited
    {
	color: #999999;
	font-size: 10px;

    }
a.lien_2:hover
    {
    color: red;
    font-size: 10px; (il est déconseillé de changer de taille de police ou de passer en gras, cela provoque des décalages et en plus c'est laid (avis personnel bien sûr))
    }
a.lien_2:active
    {
    color: red;
    font-size: 10px;
    }

tout en sachant que les page sont en Xhtml transitional généré par du php... :-s
et la.. je sèche total..

en vous remerciant par avance.

Salut,
En fait tes commentaires doivent être entre /**/ et pas entre parenthèses sinon la déclaration saute.

Par contre, tu peux procéder à un sacré décapage dans le css, car tu as énormément de doublons. Tu utilise un logiciel à la DREAMWEAVER?

Ok...
je m'incline !!!
Merci beacoup Ô grand maitre du CSS

ça marche à la perfection !!!!
et oui, j'utilise Dreamweaver, mais pas pour les CSS...
je les edite en texte.
mais j'y connais rien ou pas grand chose...
comme tu as pu le constater
donc, si tu as un conseil sur les doublons etc...
je suis très preneur

Merci encore
Modifié par Skyll (03 Aug 2006 - 18:21)

Skyll a écrit :
ublons etc...
je suis très preneur

Par exemple, tu as inscrit "font-family: Verdana, Arial, Helvetica, sans-serif;" dans ton body. Si t'as pas changé cette police ailleurs, elle le sera pour toute ta page, pas besoin de la répéter partout.

Tu répètes "font-style: normal; line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;" dans presque toutes tes classes texte. Soit que tu l'écris encore une fois pour toute ta page ou bien que tu regroupes tes éléments qui l'utilisent

À ce moment là, tu devrais écrire tes classes bout à bout en les séparant par une virgule pour y écrire tous les éléments qu'ils ont en commun et ensuite, tu n'as qu'à inscrire les différences de chacun au bon endroit.

ex:

#num, .zoom
	{
	height:10px;
	text-align:right;
	}
#num
	{
	width:185px;
	}
.zoom
	{
	width:250px;
	}

Dans l'exemple que je te donne, num et zoom ont deux éléments en commun mais ont des largeur différentes.

Ok !! merci bien !!
je vais m'employer à digérer tout ça et essayer de faire fonctionner
selon tes conseils !

merci à vous tous !