Menus + CSS

L'idée est de faire un menu qui s'affiche sous forme de table dans un navigateur moderne et sous forme de liste ailleurs (par ex. dans un petit appareil portable). Voici le code html pour le menu qui est affiché en haut. Pour le CSS voir le source de cette page. Note: les éléments de ce menu sont de longeur variables, sauf le dernier élément.

The menu on top is made without tables. See the source.

    <div id="menu">
     <ul>
     <li id="one"><a href="http://tecfa.unige.ch/guides/css">CSS examples</a></li>
      <li id="two">deux</li>
      <li id="three">trois</li>
      <li id="four">quatre</li>
      <li id="five">cinq</li>
    </ul>
   </div>
  
Ici on répete exactement le meme menu, mais on change l'id du div qui entoure la liste. Here we find the same menu, but the style definition for id=menu2 is missing and therefore we get a simple list:
    <div id="menu2">
   
Et voilà le même menu sous forme de liste:

Retour à boxing2.html ou en avant vers Absolute Positiong


DKS nov 2003 - XHTML validation - CSS validation