[HTML] Centrer une image de fond dans la page

Fermé

sophie26 Messages postés 25 Date d'inscription mercredi 17 janvier 2007 Statut Membre Dernière intervention 14 avril 2007 - 30 janv. 2007 à 10:21
Androdoz - 29 juil. 2013 à 20:12

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,

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
Impossible de charger l'image haute résolution messenger - Forum Xiaomi
Inkscape rogner image ✓ - Forum Graphisme

16 réponses

Réponse 1 / 16

GallyNet Messages postés 434 Date d'inscription mardi 1 juin 2004 Statut Membre Dernière intervention 15 décembre 2008 387
30 janv. 2007 à 11:35

"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 :

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

Discussions similaires

[css] Décaler du texte

Bonjour, voila je cherche la commande en CSS qui permet de faire décaler mon texte de X espaces pour que mon texte ne colle pas à mon cadre. Si par hasard il est possible de faire un autre décalage pour la 1ère ligne, je suis aussi preneur.

En vous remerciant par avance car je pense que cela ne doit pas être très compliqué à faire.

Enlever trait sous un lien href

Bonjour,
J'aimerai savoir comment faire pour que mon lien ne soit pas souligné lorsque je fais un href.

Merci

Positionnement d'image en css..

Bonjour a tous,

Alors voila j'ai tout simplement un problèeme de positionnement de mon image qui devrait être placer en haut au centre de ma page mais reste tout de même en haut a gauche...

Voila mon code css :

.baniere { background: url("images/baniere.png"); width:690px; height:140px; position:top center; }

Et pour ma page Html :

L'image s'affiche bien mais en haut a gauche alors qu'elle devrait être en haut et centrer.

Alors si quelqu'un aurait une solution ça serait sympas de me la proposer.

quelle config pour counter strike source

quelle config faut avoir pour jouer a cs source confortablement

est ce que css pour fonctionner sur vista

[html] bordure tableau

Comment faire pour mettre la bordure seulement a l'exterieur du tableau ou alors seulement d'une seule cellule?

Merci
W.

HTML remonter en haut d'une page

Bonjour,

J'ai une question simple :

J'ai une page html qui affiche des JPG les un en dessous des autres.
Pour pouvoir remonter en haut de la page, le seul moyen est il de relancer la page ou existe il par un bouton une fonction qui permet de remonter en haut directement ?

Merci !