Le css ne répond plus ! help

j'ai beau indiquer un code css pour les liens, dreamweaver ne les prend pas en compte et les laisse en couleur par défaut (le violet dw )

Voici le css:

.contener-prive{
	position: absolute;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 90px 0 0 710px;
	padding: 0 0 0 0;
	width: 140px;
	heigth: 50px;
	color: #004c78;
	text-align: left;
}
.contener-prive#a:link{
	text-decoration: none;
	color: #004c78;
}
.contener-prive#a:hover{
	position: absolute;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 90px 0 0 710px;
	padding: 0 0 0 0;
	width: 140px;
	heigth: 50px;
	font-color: #ffffff;
	background: #004c78;
	text-align: left;
}

Appliqué au html:

<div class="contener-prive">
<p><img src="images/fleche.jpg"> <a href="prive.htm"> Accès Privé</a></p>
  </div>

Le code est certe pas propre à 100% mais je sais qu'il devrait tout de même fonctionner...
Modifié par foeb (22 Jul 2005 - 07:20)

Pourquoi mets-tu un "#" entre le nom de la classe et l'élément ?

.container-prive#a

au lieu de

.container-prive a

tout simplement ? Cette dernière formulation va concerner toutes les balises <a> situées à l'intérieur des éléments dont la classe est "container-prive"

Bnjour,

En fait, le .container-prive#a n'a pas le sens que tu lui prêtes : il vise l'élément qui a à la fois la classe container-prive et l'id a:

<p class="container-prive" id="a">Lorem ipsum</p>

Le sélecteur donné par Cyrano est celui qui te convient.

okay, ça a débloqué la réaction du bouton mais en position a:link, c'est toujours cette couleur violette hideuse

j'ai bien enlevé tous les # pourtant...

Je n'avais pas regardé tes propriétés CSS en détail tout à l'heure. Cela ira sans doute mieux sans les confusions entre propriétés, telles que l'utilisation de font à la place de font-family, et sans les propriétés inexistantes comme font-color.

Passe cette CSS au validateur et corrige en conséquences : http://jigsaw.w3.org/css-validator/



<edit>D'autre part, s'il s'agit du résultat affiché par DreamWeaver : ne pas utiliser celui-ci pour visualiser les rendus, mais directement un navigateur. DreamWeaver a un assez mauvais moteur CSS </>

<re-edit>D'ailleurs, d'une manière générale : avant de soumettre un problème CSS ou HTML sur ce forum (ou un autre), la première chose à faire est vérifier la validité du code. Quitte à demander ici des éclaircissements sur les messages d'erreurs des validateurs</>
Modifié par Laurent Denis (22 Jul 2005 - 08:52)