[Résolu] W3C qui n'apprecie pas ma conbine

bonjour

je regarde en ce moment la validité de mon code
j'ai une erreur pour avoir placer un div qui joue un role de break point au niveau de mon menu pour la resolution phone en media queries

<ul><li class="minimenu c1"><a href="index.php?page=accueil">Accueil</a></li>
<li class="c2"><a href="index.php?page=manga">Plan d'acces</a></li>
<div class="spacer"> </div>
<li class="minimenu c2"><a href="index.php?page=anime">Prendre rendez vous</a></li>
<li class="c2"><a href="index.php?page=JV">Notre equipe</a></li>
<div class="spacer"> </div>
<li class="minimenu c3"><a href="index.php?page=anime">Examen radiologique</a></li>
</ul>

avec le css

/* version normale */
.spacer
{display:inline;}

/* version telephone */
@media screen and (max-width: 640px)
{
.spacer
{display:block;}}

voila ça marche tres bien mais est ce que je peux faire ça plus propre pour le w3c ?
est ce vraiment grave de laisser cette erreur c'est la seule de mon site ?

merci pour vos reponses

Hello,

Proposition :

li {float: left}

@media (max-width: 640px)
.minimenu.c3 {
  clear: left;
}
}

Modifié par Raphael (17 Jan 2013 - 11:17)

Salut,

Soit dit en passant, un élément ul ne peut avoir qu'un type d'élément comme enfant direct : li. Ton code HTML n'est donc pas valide et il est donc normal que le validateur du W3C se fâche.

Merci pour vos reponses
en fait j'ai viré les divs qui ne servaient a rien : le inlineblock fait tout tout seul !!!

w3c=0 erreurs

cool !!!