article(s) dans votre panier VOIR

Tuto XHTML/CSS | Positionnement des principaux blocs

  • Vidéo 32 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
Positionnement des principaux blocs
00:00 / 16:40
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

Au cours de ce tutoriel XHTML et CSS, le formateur va vous enseigner à positionner les principaux blocs d’un contenu. Grâce à ce tuto XHTML et CSS, vous allez parvenir à :
• Caractériser l'élément qui a pour identifiant Menu.
• Mettre tous les marges et les Padding à zéro.
• Annuler des puces.
• Donner une largeur fixe au menu et le flotter à gauche.
• Préparer le bloc de contenu en deux sous-parties.
• Utiliser une marge à gauche de 150 pixels.
• Utiliser une couleur de fond blanche.
• Déterminer la provenance d'un décalage depuis FireBug.
• Empêcher le décalage avec du Padding.
• Mettre en forme des contenus depuis une nouvelle feuille CSS.
• Ecrire tous les styles pour les différents éléments de la page d'accueil.
• Modifier les styles de l'élément contenu pour la page d'accueil.
• Inverser l'ordre des feuilles de style.
• Rétablir l'ordre d'appel des styles dans la feuille CSS.
• Mettre deux blocs côte à côte.
• Flotter la première colonne avec une largeur de 380 pixels.
• Flotter la deuxième colonne avec une largeur de 140 pixels.
• Rajouter un Padding de 20 pixels à la colonne de droite.
• Vérifier le positionnement des deux blocs.
• Caractériser les éléments flottants.
• Définir le rôle des éléments flottants.
• Empêcher le dépassement des flottants.
• Rentrer les deux éléments flottants dans le rang.
• Utiliser la propriété Overflow avec la valeur Hidden.
• Cacher le contenu d'un élément qui possède une hauteur fixe.