Skip to Content

Tutoriels CSS

overview-tuto
cc-licence

Tous les tutoriels CSS sont distribués sous une licence Creative Commons by-nc-sa 3.0. Consultez la page dédiée aux licences de distribution.

Tous les tutoriels sont aussi visibles avec le tag tuto css.

CSS : menus de navigation horizontaux

screen_menu_hz.png

Ce tutoriel va vous permettre de créer des barres de navigation horizontales (= barre de liens) incorporables dans vos gabarits de mise en pages.

CSS : mise en page de type fluide avec marges négatives et colonnes factices

screen

Voici quelques modèles de mises en pages de type "fluide", valides xhtml 1.0 strict et css 2.1 et parfaitement opérationnels sur les navigateurs actuels.
Ils sont basés sur l'utilisation de blocs flottants, certains étant positionnés avec de marges négatives.

Menu CSS de type rollover avec une seule image en background !

screen-menu-rollover.png

Comment créer des menus en CSS utilisant des images plaquées en "background" et qui changent au survol des liens.

Ces menus très esthétiques vont vous permettre de réellement personnaliser votre site web en exploitant vos talents de webdesigner.

CSS : créer des blocs aux bords arrondis

image

Le point sur les différentes méthodes CSS permettant la création de blocs aux bords arrondis. Hauteur fluide ? Largeur fixe ? Utilisation d'image en background ?

CSS et positionnement absolu : piqûre de rappel

Quelques rappels de base sur le positionnement absolu en CSS (illustration par des exemples).

CSS position fixe pour IE6 : émulation et prise de tête

La position fixe n'étant pas reconnue par Internet Explorer 6, nous allons essayer de trouver une solution acceptable pour simuler celle-ci. Attention, prise de tête et mal de crâne en perspective.

Règle CSS et nomenclature : soyez précis !

Juste un petit schéma à apprendre par coeur ...

  • 14827 lectures
Développeur Drupal freelance