Bonjour à tous,

Alors je suis très nul en Javascript ainsi qu'en HTML (CSS je comprends les bases), veuillez excusez mes déboires.

J'ai un blog (http://lenormanditinerant.blogspot.fr/) et je souhaiterais mettre l'image qui se trouve en haut contenant "Le normand Itinérant" centrée en fonction de la taille de la fenêtre de l'utilisateur.

J'ai parcouru le net et surtout toucher à mon code pendant des heures, et je me résous finalement, à demander un peu d'aide ici.

L'image à placer est ".Header". et l'élément à corriger est le "margin-left".

Alors j'ai une fonction, qui je crois, me permettrait déjà de placer l'image centrée, seulement je ne sais pas faire le lien entre ma fonction et le CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.Header {
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 10.5% !important;		/* Espace à gauche */
margin-top: 40px !important;                  /* Espace au-dessus de l'en-tête */ 
}
 
/* Fonction pour trouver la taille de la fenêtre */
 
<script type="text/javascript">
 
function centrerElementFixe(element)
{
	var largeur_fenetre = (document.body.clientWidth);
	var hauteur_fenetre = (document.body.clientHeight);
 
	var haut = (hauteur_fenetre - element.height()) / 2;
	var gauche = (largeur_fenetre - element.width()) / 2;
	element.css({position: 'fixed', top: haut !important, left: gauche !important});
}
</script>

Que dois-je mettre à la place de "element" de la fonction ? Comment l'inclure dans le CSS ?

J'espère avoir été clair, n'hésitez pas si il y a des questions.
Merci beaucoup à tous pour votre lecture et vos réponses !