article(s) dans votre panier VOIR

Tuto XHTML/CSS | Demo - Style CSS du menu principal

  • Vidéo 54 sur 54
  • 9h50 de formation
  • 54 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Demo - Style CSS du menu principal
00:00 / 20:44
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Durant ce tuto XHTML et CSS, le formateur va vous apprendre à gérer les styles CSS du menu principal. Au fil de ce tutoriel XHTML et CSS, vous allez découvrir comment :
• Mettre un écart en Margin-bottom de 7 pixels aux éléments Li.
• Obtenir des liens cliquables en hauteur.
• Passer les liens en affichage en type zone.
• Supprimer la couleur de fond du menu.
• Refermer l'image avec l'élément Span à l'intérieur des liens.
• Afficher les spans en block.
• Supprimer le Padding sur l'élément A.
• Inverser l'ordre d'alignement des images de fond.
• Positionner les spans en relatif et les décaler vers le haut de 1 pixel.
• Préparer le terrain grâce aux padding sur le menu.
• Supprimer le soulignement grâce à la propriété Text-Decoration.
• Définir le rôle des propriétés Underline, None, line-Through.
• Réaliser le style en survol et la page en cours.
• Modifier le style pour la page en cours.
• Décortiquer les sélecteurs.
• Changer le Background-image de la page en cours.
• Utiliser un speudo classe Hover.
• Désigner le span à l'intérieur du span survolé.
• Doubler le style au survol par un style au focus.
• Caractériser le style au focus.
• Utiliser le pseudo classe focus.
• Dupliquer les sélecteurs et les styles au focus.
• Grouper tous les sélecteurs pour une seule propriété CSS.
• Décliner un menu pour un menu horizontal.
• Eviter le recouvrement du dernier pixel.