Dans le cours : La mise en page CSS : Combiner les flex et les grids

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.

Utiliser le positionnement statique

Utiliser le positionnement statique - Tutoriel CSS

Dans le cours : La mise en page CSS : Combiner les flex et les grids

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Utiliser le positionnement statique

“

Je ne sais pas si vous l'avez remarqué, mais il y a un intrus sur notre page web. Il se trouve tout au fond de notre document, après le pied de page. Regardez, nous avons encore une image ici. Cette image n'a rien à faire là puisque normalement le pied de page, le footer, c'est le dernier élément que l'on trouve dans le fond d'un document web. En réalité, cette image fait partie d'une interaction. Regardez, je remonte au niveau de ma galerie photos, et je vais cliquer sur l'une des images, par exemple celle-ci. Maintenant, quand je redescends en dessous de mon footer, c'est cette image-là, celle sur laquelle j'ai cliqué, qui apparaît en version agrandie. Vous l'aurez compris, cette interaction, je vais m'en servir pour permettre à mes internautes de cliquer sur une image de la galerie photos, afin d'en voir une version agrandie, qui doit se placer non pas après le footer mais en plein milieu de la page et au-dessus de tous les autres éléments. Direction le code HTML. Quel est cet…

Table des matières