Archives par tags: html

Html - CSS,Tutos

Carte de France cliquable en HTML

Posted on by
23
Sep
[fancy_header]Carte de France cliquable en HTML[/fancy_header] 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 […]
Continuer la lecture →
Html - CSS,Tutos

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

Posted on by martin
12
Oct

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.

XHTML
1
2
3
4
5
6
 
<!-- HTML -->
<div class="container">
    <img src="rue-de-l-info.png" alt="My image" />
</div>
 
 
CSS
1
2
3
4
5
6
7
8
9
 
// CSS
.container {
   width: 200px;
   height: 200px;
   border: 1px #23282d solid;
   text-align: center;
}
 
  Résultat : Verticalement Le centrage vertical est plus délicat à mettre en place. Il faut en effet modifier la propriété display de […]
Continuer la lecture →