Tutoriaux XHTML et CSS

Typographie web : gérer la taille du texte avec les « em »

Ce tutoriel présente l'unité em et la démarche à suivre pour l'utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du ...

Des statistiques graphiques grâce aux CSS

Fans des statistiques en tout genre, mais plutôt feignant en ce qui concerne leur réalisation picturale, voici une solution basée sur les feuilles de style CSS pour mettre en va ...

Menu déroulant CSS avec PNG transparent

Est-ce possible de créer ce genre de menu ? Oui effectivement, après plusieurs heures d’essai, de recherche et ainsi de suite, j’ai finalement réussi à créer ce menu de rêve. J’ ...

Une bulle d’info à la 2.0 en CSS

Voici comment créé des bulles d’informations en CSS. Ces bulles ont le même style que celles de websnaprCe site web prend des screenshots des requêtes qu’il reçoit, ensuite il l ...

CSS : Un menu avec commentaires au survol

Vous avez envie d'afficher des détails supplémentaires lorsque votre visiteur survole un lien de votre menu. La plupart du temps, c'est Flash ou javascript et sa gestion de calq ...

Comprendre le positionnement des éléments en CSS

Les tableaux utilisés pour la mise en forme, ont toujours été déconseillés. Par contre, l'utilisation correcte de chaque balise (balises div, p, h1, ul, li, etc.) ainsi que leur ...

Faire un menu avec onglets en CSS avec before / after

Le menu fonctionne sur le principe de la génération de contenu en CSS (Before / after) : donc pas de structure et de balisage inutile. Il est fluide en largeur et en hauteur. ...

Un menu déroulant en CSS et XHTML (horizontal et vertical)

Nous allons voir comment créer un menu déroulant comportant plusieurs menus, contenant chacun des sous-menus. Cette version de ce tutoriel a été remise à jour en août 2004 pour ...

Une image réactive en CSS avec une seule image et sans javascript

Ce petit tutoriel simple vous explique comment réaliser un menu codé en xhtml et mis en forme grâce aux css, le menu réagit au passage de la souris pour laisser apparaître une n ...

Réalisation d'un design complet (XHTML / CSS) en 5 étapes

Dans ce tutoriel nous allons voir étape par étape comment faire le code xhtml et css d'un design pas forcément très évolué mais vous pourrez comprendre le processus de création ...