[HTML] Centrer une image de fond dans la page
sophie26
Messages postés
25
Date d'inscription
Statut
Membre
Dernière intervention
-
Androdoz -
Androdoz -
Bonjour à vous, voila, j'aimerai bien pouvoir centrer une image en image de fond et cela dans la totalité de la page.
Si j'ai bien suivie mes cours, j'appel la fiche css comme ça :
<link href="css.css" rel="stylesheet" type="text/css">
et voici le contenue de ma super grande css ^^ :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
margin-bottom: 1px;
left: 50%;
top: 50%;
}
hum hum je penssais que le left 50% et top 50% corrigerai mon soucie, mais mon image reste toujour cadré en haut a gauche quand j'ouvre une page explorer.
Merci beaucoup de bien vouloir me donner un petit conseil ou de me rediriger vers quelque chose qui pourrait m'aider.
Sophie,
Si j'ai bien suivie mes cours, j'appel la fiche css comme ça :
<link href="css.css" rel="stylesheet" type="text/css">
et voici le contenue de ma super grande css ^^ :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
margin-bottom: 1px;
left: 50%;
top: 50%;
}
hum hum je penssais que le left 50% et top 50% corrigerai mon soucie, mais mon image reste toujour cadré en haut a gauche quand j'ouvre une page explorer.
Merci beaucoup de bien vouloir me donner un petit conseil ou de me rediriger vers quelque chose qui pourrait m'aider.
Sophie,
A voir également:
- Centrer background image css
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
16 réponses
"left" et "top" sont deux propriété qui ne s'applique que sur les élémentsqui sont positionné en "absolute" ou en "relative" (grace à la propriété "position").
Ce que tu cherche a faire sera plus du genre :
ou en une seul ligne :
Pour plus d'information sur les feuille de style : http://www.yoyodesign.org/doc/w3c/css2/cover.html
Ce que tu cherche a faire sera plus du genre :
body { background-image:url(fond.gif); background-repeat:no-repeat; background-position: center center; }
ou en une seul ligne :
body { background:url(fond.gif) no-repeat center center; }
Pour plus d'information sur les feuille de style : http://www.yoyodesign.org/doc/w3c/css2/cover.html