Il est grand temps d'écrire vos CSS
Commencez par donner une bordure à chaque div
. Par exemple, div {border:1px dotted gray; padding:.5em}
. Cela vous permettra de bien voir où ceux-ci débutent et prennent fin. Vous pourrez aussi voir si certains éléments sont imbriqués les uns dans les autres.
Écrivez vos CSS pour les sélecteurs d'éléments en premier lieu (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, etc.)
Utilisez autant que possible des sélecteurs contextuels ou descendants afin d'optimiser votre code au maximum. Par exemple, #navSecond li{border:1px solid black; padding:.5em; display: inline}
affectera seulement les items de liste inclus dans votre div
nommé navSecond.
Testez dans un maximum de navigateurs et demandez à vos amis de tester dans les leurs.