Cibler précisément des li

Bonsoir,

Actuellement sur mon blog, le code de mon menu est :

<ul id="menu">

		<li><a href="http://www.jeremyplasseraud.com/"><strong>Accueil</strong></a> | </li>

		<li"><a href="#arch"><strong> Archives</strong></a> | </li>

		<li"><a href="#"><strong> Contact</strong></a></li>

		<li id="search"><p id="texte_search"><strong>Rechercher dans ce blog :</strong></p>

<form method="get" id="searchform" action="http://www.jeremyplasseraud.com/">

<div id="formulaire">

<input type="text" value="" name="s" id="s" />

<input type="submit" id="searchsubmit" value="Ok" />

</div>

</form></li>

</ul>

Le tout est aligné, pas de problème. J'aimerais faire un menu à onglet avec les 3 première li, sans toucher à la dernière qui resterait comme ça. Que dois-je faire pour identifier accueil, archives et contact ? Une classe ? Un id ?

Pour vous donner un aperçu de ma page actuellement : http://www.jeremyplasseraud.com

Merci d'avance, et bonne soirée !

Bonsoir,

Il me semble un peu bizarre d'intégrer le moteur de recherche dans le menu, puisque ce n'est justement pas un item du menu (la preuve : ton problème c'est de le séparer du reste).

Mais je suppose que la question ne porte pas sur le HTML mais sur la CSS.

Pour les cibler, tu peux utiliser une classe commune pour les trois li à cibler. Surtout pas un id, qui par définition doit être unique dans ta page, et donc ne doit pas être utilisé sur plusieurs balises.

Sinon, tu peux aussi mettre un style général à tous les items du menu (y compris le moteur) comme ça :

ul#menu li {
...
}

Et ensuite, tu redéfinis le style du moteur pour "masquer" les changements effectués. Cette solution me semble quand même moins propre.


Je ne suis pas une grande grande spécialiste, donc si d'autres ont un avis...