Astuces HTML-CSS et tutoriels informatique pour les dev. Rue de l’info vous propose des tutos sur le HTML – CSS et plein d’autres astuces…

Carte de France cliquable en HTML

Vous souhaitez réaliser intégrer une carte de la France cliquable en langage HTML sur votre site internet ? Nous vous fournissons ce code source gratuitement pour vous aider. Ici nous prenons l’exemple d’une carte de météo et allons nous servir de la balise <area> et des attributs “shape” et “coords”. Une image est à votre...

PictureBox : code source complet HTML5/CSS3/JavaScript

C’est une PictureBox réalisée en Html5/CSS3 et du JavaScript. Très simple mais encore faut-il connaître un peu le fonctionnement des “média queries“. Ce code source vous fera afficher une galerie photos originale et “responsive“, c’est à dire qu’elle sera adaptée à tous les supports tels que les PC, smartphones, tablettes tactiles etc… [crayon-5f0de7a42329a914033105/] [crayon-5f0de7a42329f154616599/] [crayon-5f0de7a4232a2533994338/]...

web CV : Code source complet HTML5/CSS3 (gratuit)

Nous vous donnons tout le code source nécessaire dans cet exemple de CV en ligne dont les fichiers CSS incluant les media queries. [crayon-5f0de7a423474452488968/] [crayon-5f0de7a423479095282881/] [crayon-5f0de7a42347c862597204/] [crayon-5f0de7a42347d828559340/] [crayon-5f0de7a42347e474511255/]

CSS comment centrer une image horizontalement et verticalement dans un bloc ?

Horizontalement Le centrage horizontal d’une image dans un un conteneur de type bloc, une div par exemple, ne pose pas de problème. Il suffit de définir la propriété CSS text-align à center sur le conteneur. [crayon-5f0de7a423640034391172/] [crayon-5f0de7a423645871384495/] Résultat : Verticalement Le centrage vertical est plus délicat à mettre en place. Il faut en effet modifier la propriété display de notre conteneur pour pouvoir...