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-5f6464446f805592962885/] [crayon-5f6464446f80c047915794/] [crayon-5f6464446f811642105160/]...

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-5f6464446fb7d291640414/] [crayon-5f6464446fb89560620717/] [crayon-5f6464446fb8d289245839/] [crayon-5f6464446fb8f684222205/] [crayon-5f6464446fb91283346095/]

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-5f6464446fef3989819445/] [crayon-5f6464446fefa591614847/] 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...