28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un menu avec des liens <a> qui sont définis dans ma feuille de style par rapport à ce menu soit :

#menu a { font-weight: bold;etc....}

Mon Problème est qu'il me faudrait différencier graphiquement par le CSS, deux types de liens <a> dans ce menu ? C'est-a-dire 4 liens qui auraient une mise en forme spécifique et 4 autres liens qui auraient une autre mise en forme.

J'ai essayé d'intégrer #menu a2 {....} mais ca ne fonctionne pas bien sur.

Est-ce possible ? Car je ne voudrai pas utiliser de .Class mais bien une redéfinition de balise

Merci pour votre réponse.

Sab.
bonjour,

ben non ça ne fonctionne pas. Smiley smile

Mais, pourquoi ne veux tu pas utiliser de .class...

Ce serait pourtant facile, dans la definition des css.

#menu
.....
....
# menu a {
..
..
.
}

# menu .menu2 a {
....
...
....
}
Salut,

il faut bien différencier les différents type de lien...
donc plusieurs solutions :
- les class des a
- la séparation dans des conteneurs différents(plus lourd, évidemment...).
Exemple :
<div id="menu">
<span id="type1">
    <a href="#">lien 1</a>
    <a href="#">lien 2</a>
</span>
<span id="type2">
    <a href="#">lien 3</a>
    <a href="#">lien 4</a>
</span>
et
#menu #type1 a {/*...propriétés 1...*/}
#menu #type2 a {/*...propriétés 2...*/}

Modifié par yyoupla (22 Nov 2005 - 16:34)