28173 sujets

CSS et mise en forme, CSS3

Annuler l'effet d'un style pour un lien

Bonjour,

 ul#menu li a
{
        width: 100px ;
        line-height: 25px ;
        font-size: 1.1em ;
        font-weight: bold ;
        letter-spacing: 2px ;
        color: #fff ;
        display: block ;
        text-decoration: none ;
        border-right: 2px solid #dea ;
}

ul#menu li a:hover
{
        background: url(images/bg_menu.gif) repeat-x 0 0 ;
}


C'est mon code css qui permet d'avoir un effet de style sur toutes les balises <a> de mon menu (il y a 6 éléments dans mon menu)
Le souci, c'est que je voudrais annuler l'effet de style du lien de mon 6è élément de menu (et seulement de ce 6è élément sans toucher aux 5 autres) pour avoir un lien sans effet.

Quelqu'un peut m'aider? ai-je été assez clair?

Merci
Salut.

Il faut ajouter un id dans le code HTML pour pouvoir atteindre ce lien particulier.

Par exemple, 
<li><a href="..." title="..." id="lien6">Lien différent</a></li>

Tu y as accès simplement dans la feuille de style par 
#lien6 {
   ...
}
En fin de compte, je voudrais annuler tous les effets pour n'avoir qu'un lien simple, sans aucun effet.

J'ai rajouté ce code

#noEffects {
    text-decoration : none;
	background-image: none;
	border-right: none ;
}


Mais rien n'y fait...
Modifié par koubizz (26 Oct 2006 - 10:44)
koubizz a écrit :
J'ai rajouté ce code
#noEffects {
    text-decoration : none;
	background-image: none;
	border-right: none ;
}
A mon avis, c'est un problème de priorité de règles CSS.

Ta règle "#noEffects" est moins précise que ta règle "ul#menu li a".

Je te conseille plutôt d'utiliser une classe (que j'appellerai autrement que "noEffects", qui ne décrit pas ce qu'est ton lien mais ce à quoi tu veux qu'il ressemble).

Il te suffira alors d'utiliser la règle "ul#menu li a.tonNomDeClasse".
As-tu bien ajouté ce bout de code en dessous de la partie qui concerne le menu dans la feuille de style ?

Essaie éventuellement d'accéder au lien avec 
ul#menu li a#noEffects { ... }


<edit>Grillé Smiley biggol </edit>
Modifié par Sopo (26 Oct 2006 - 11:28)
Sopo a écrit :
<edit>Grillé Smiley biggol </edit>
A peu de temps près. Smiley cligne
koubizz a écrit :
Ca marche !!

Merci beaucoup
Dans ce cas-là, tu peux mettre le sujet en résolu.
koubizz a écrit :
Ca marche !!

Merci beaucoup

Allo ? On peut considérer le sujet comme résolu, oui ou non ?
Modifié par Sopo (26 Oct 2006 - 17:58)
Sujet clos
Aller à