Mise en forme de liens différents sur une meme page

Bonjour je viens encore vous déranger pour un petit problème que j'ai rencontré. J'aimerais formater les liens différemment sur une même page, en fonction de la div. Logiquement j'utilise ce code

.langueliens 

a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

et la meme chose pour un autre nom. J'utilise alors span class dans ma page html. Seulement, on dirait qu'il ne prend en compte qu'un seul style. Y-a-t-il une autre manière de faire ? merci.

O_O

* Se gratte la tête *
* "Ce doit être une erreur de copier coller non?" *
* - Dans le doute...- *

Il sert à quoi ton ".langueliens" ? Perdu, comme ça, solitaire, mis à l'écart de ses amies les ancres ?

Fais lui plaisir, il est polygame:

.langueliens a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.langueliens a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.langueliens a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.langueliens a:active {
	text-decoration: none;
	color: #FFFFFF;
}

Et puisqu'un peu d'optimisation ne fait pas de mal, et que je suis sur que .langueliens il aime les partouzes:

.langueliens a:link, .langueliens a:visited, .langueliens a:hover, .langueliens a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.langueliens a:hover {
	text-decoration: underline;
}

Faut vraiment que je me trouve une copine moi, ça peut plus durer [/small]

ouaip ça parait plus logique
pourtant ça foire encore

mon span .langueliens prens le format d'un autre span, plus bas dans la page CSS

.liensbas a:link, .liensbas a:hover, .liensbas a:active {
	color:#0000FF;
	text-decoration:underline;
}
.liensbas a:visited {
	color:#9933FF;
	text-decoration:underline;
}

Modifié par yesh2 (10 Nov 2008 - 10:14)

Bonjour,

Utiliser Firebug pour savoir quels style s'appliquent réellement à tel ou tel élément.

Ouaip, un coup de firebug te sera utile sur ce coup.

Ca doit venir de ton html (que l'on ne connait pas nous) car il n'y a aucunes raisons pour que ton css pose problème (sauf s'il y a une erreur de syntaxe plus haut dans la page)

mon html c'est simplement ça

 <span class="languesliens"> <a href="http://www.site.com">home</a></span></div>

<span class="liensbas"><a href="http://www.site.com/">Home</a></span>

le "langueliens" prend en compte le CSS de "liensbas"

Ca a l'air correct, donc ça vient bien du css.

Plusieures possibilités:

- Tu as défini des style via les balises <style>
- Tu as une définition d'une ancre globale ("a", sans nom de classe) qui vient plus bas que ceux avec un nom de classe
- Tu as utilisé la technique !important sur une ancre
- Tu as une erreur de syntaxe plus haut dans la feuille de style


Est ce qu'au moins une de ces affirmations est correcte?
Sinon, là je vois pas.

Poste ta page html et ta feuille css

Autre question vaut-il mieux utiliser <span class="langueliens"><a href="http://www.s.com">lien</a></span>

ou

<a href="http://www.s.com" class="langueliens">lien</a>

(je suppose la deuxième)

merci !
Modifié par yesh2 (12 Nov 2008 - 10:22)

Aucun des deux mon général, dans 99% des cas du moins.

Quand on a un style particulier à donner à des liens, c'est généralement parce qu'il s'agit de liens dans un contexte donné. Les liens d'un menu de navigation, par exemple. Il est alors plus simple d'utiliser un sélecteur qui prenne en compte ce contexte et l'utilise:

#menu a {/* Styles pour les liens du menu */}

Pour les 1% de cas restants (styles arbitraires à appliquer à tel ou tel lien), la deuxième solution avec la classe directement sur le lien est la plus concise.