Conseil & Courtage aux industries

Acces client

Trouvez des prestataires
Acces client

Trouvez des clients


À propos du gabarit 01

Code HTML et CSS

Ce gabarit est structuré de la manière suivante:

<div id="global">

Il est mis en forme par deux feuilles de styles:

À noter

Ce gabarit est très simple, et ne devrait pas nécessiter moult explications. Deux points sont à noter tout de même:

  1. Le menu de navigation est horizontal, alors que nous avons utilisé une liste non ordonnée (élément HTML ul)pour le coder (voir le code HTML). Comment se fait-ce?
    Ici, on obtient cette disposition grâce à la déclaration CSS display: inline;, appliquée aux items de liste (éléments HTML li).

  2. Le principal problème de ce gabarit, mis à part son aspect très frustre, c'est que l'on place tout le contenu dans un bloc qui prend 100% de la largeur de la fenêtre du navigateur (avec 20px de padding à gauche et à droite). Pour les petites résolutions (appareils mobiles, écrans en 800×600…), c'est très bien, voire 

Rejoignez nous sur Viadeo et sur Linkedin