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-6045b80ad33a4456936180/] [crayon-6045b80ad33af286223573/] [crayon-6045b80ad33b4758295371/]...

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-6045b80ad3733074111373/] [crayon-6045b80ad373c668021806/] [crayon-6045b80ad3740702476427/] [crayon-6045b80ad3742683208385/] [crayon-6045b80ad3745224760281/]

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-6045b80ad3ad3365606249/] [crayon-6045b80ad3ada104801695/] 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...