CSS : Comment gérer l’élément actif d’un menu de navigation placé dans un include PHP ?

Sous ce titre pas très explicite (mais je n’ai pas trouvé mieux) se cache une vraie question que tout intégrateur web a bien dû se poser une fois…

Je n’en ai pas parlé depuis mon premier post, mais j’aime beaucoup les CSS. C’est même indiqué dans le sous-titre du blog, pour vous montrer à quel point c’est important.

Ce que j’aime beaucoup avec les CSS, c’est résoudre les petits problèmes qui ne manquent pas de se présenter lorsqu’on intègre un site et que, bizarrement, on n’avait pas envisagé au début.

On m’a soumis un des ces petits problèmes aujourd’hui, et je me propose de vous en parler, parce que c’est une situation plutôt classique. J’imagine que si vous intégrez des sites en HTML/CSS de façon régulière, vous devez déjà avoir votre méthode (n’hésitez pas à l’expliquer dans les commentaires). Cet article est donc plutôt destiné aux débutants.

Le problème

Nous avons un site avec, de haut en bas :

  • un bandeau supérieur
  • un menu de navigation horizontal
  • le reste du site, qui ne nous intéresse pas aujourd’hui

Nos deux premiers éléments (le bandeau et le menu) se répétant de page en page, ils ont été placés dans un fichier header-inc.php qui est rappelé à chaque page par la fonction PHP include. L’intérêt de cette pratique est bien sûr de ne pas avoir à répéter sur chaque page des éléments communs à toutes les pages. Ainsi, si on modifie le menu de navigation, on ne le fera qu’une fois (dans notre fichier header-inc.php, et non pas sur chaque page.

Le problème qui se pose est le suivant : comment faire pour mettre en valeur l’élément du menu correspondant à la page sur laquelle on se trouve ?.

Continue reading “CSS : Comment gérer l’élément actif d’un menu de navigation placé dans un include PHP ?”

Il faut sauver le soldat Flash (ou pas).

Lee Brimelow, auteur de TheFlashBlog, le signalait il y a quelques jours (ici), “Get used to the blue legos”. Mais que sont donc ces légos bleus ? C’est le symbole qui s’affiche dans votre navigateur Safari quand la page contient du contenu Flash non supporté.

The Blue Lego of Despair sur iPhone

Continue reading “Il faut sauver le soldat Flash (ou pas).”