Bonjour,

La liste des écoles de la première page est difficilement manipulable avec les CSS à cause de sa structure. Voici un point de l'existant et une proposition d'amélioration.

Actuellement elle met au même "niveau" les villes et les écoles. Le seule plus apporté par les école est le style appliqué au lien. Voici un exemple de l'existant :

<ul> 
  <li class="type">
    VILLE 1
  </li>
  <li>
    <a class="fancyframe fancyframe-wfixed" href="/">Ecole 1</a>
  </li>
  <li class="type">
    VILLE 2
  </li>
  <li>
    <a class="fancyframe fancyframe-wfixed" href="/">Ecole 2</a>
  </li>
  <li>
    <a class="fancyframe fancyframe-wfixed" href="/">Ecole 3</a>
  </li>
</ul>

Il serait plus claire au point de vue mise en page CSS d'avoir une structure avec des listes imbriquées. Voici le résultat en reprenant l'exemple ci-dessus :

<ul> 
  <li class="liste_ville">
    VILLE 1
    <ul>
      <li class="liste_ecole">
        <a class="fancyframe fancyframe-wfixed" href="/">Ecole 1</a>
      </li>
    </ul>
  </li>
  <li class="liste_ville">
    VILLE 2
    <ul>
      <li class="liste_ecole">
        <a class="fancyframe fancyframe-wfixed" href="/">Ecole 2</a>
      </li>
      <li class="liste_ecole">
        <a class="fancyframe fancyframe-wfixed" href="/">Ecole 3</a>
      </li>
    </ul>
  </li>

Cette structure implique la création de deux class CSS : liste_ville et liste_ecole qui permetront une manipulation plus simple.

JF Gatineau