rss
Html ImagePlus
[HTML] Centrer une image de fond dans la page
par sophie26
 Fil de Discussions
Statut : Non résolu
mardi 30 janvier 2007 à 10:21:33
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,
Configuration: Windows XP
Firefox 2.0.0.1
Répondre à sophie26  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par GallyNet, le mardi 30 janvier 2007 à 11:35:07 Fil de Discussions
"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
Répondre à GallyNet

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sophie26, le mardi 30 janvier 2007 à 11:47:14 Fil de Discussions
A oui, j'arrive à centrer mon image maintenent.

Cependant, elle est pas centré avec le haut et le bas de page.

Merci beaucoup de me donner un petit coup de main :).
Répondre à sophie26

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sophie26, le mardi 30 janvier 2007 à 12:15:44 Fil de Discussions
Je suis allée surfer sur le tuto que tu m'as gentiment passé et donc, après petite apprentissage, j'ai conclue le même code que tu m'as passé.
Cependant, mon arriere plan est toujours centre pour la gauche est la droite, mais elle commence au milieu et monte jusqu'en haut de la page.
Je ne vois donc que la moitié :( .

sophie,
Répondre à sophie26

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sophie26, le mardi 30 janvier 2007 à 13:57:59 Fil de Discussions
J'ai réussi à centrer sur mon écren en entrent moi même les valeurs.

background-position:50% -20%;

Mais cela va me poser des problèmes avec des écrans plus grand.
Il n'y as pas une autre solution pour centrer le tout automatiquement ?
:(
Répondre à sophie26

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par GallyNet, le mardi 30 janvier 2007 à 15:47:52 Fil de Discussions
Est-ce que ta page est en ligne ? Et si oui est-ce que tu peut mettre un lien pour aller dessus, que je regarde directement ce que ca donne. Ou sinon, donne le code source de ta page (si elle n'est pas trops grande).
Parce que j'ai un peu de mal a imager le resultat qu'il donne. Et cela depend aussi du contenu de la page en question.
Répondre à GallyNet

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Orka, le mercredi 8 août 2007 à 10:49:49 Fil de Discussions
Marche pas sous ff
Répondre à Orka

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par walter ego, le vendredi 7 décembre 2007 à 13:54:22 Fil de Discussions
je cherche a centrer cette image sur mon myspace, galere galere, si quelqu un pouvait m aider voila le code:

<img src="http://s3.archive-host.com/membres/up/511138679/igivemyzick.gif" alt="Fichier hébergé par Archive-Host.com">

merci d avance!!!
Répondre à walter ego

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par slimo, le lundi 17 décembre 2007 à 16:04:45 Fil de Discussions
Bonjour,
je souhaiterais pour ma part centrer une image en fond d'écran dans un profil myspace sans qu'elle prenne toute la fenêtre, exactement comme dans l'exemple ci-dessous :

http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=23092252

Un grand merci d'avance...
Répondre à slimo

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par clemenza, le vendredi 7 mars 2008 à 02:17:00 Fil de Discussions
bnsr à tous!
Mon souci est que mon image de fond d'écran est bien centrer lorsque j'ouvre mon myspace avec mozzila, mais reste décalé en haut sur la gauche quand j'ouvre mon myspace avec explorer.
Je voulais savoir si il y avait un moyen de corriger cela ou pas,svp?!
merci
Répondre à clemenza

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par sfel, le vendredi 7 mars 2008 à 10:13:57 Fil de Discussions 
bonjour, pourquoi essayerais-tu pas
align="center";
valign="center";

??
L'ennemi est bête : il croît que c'est nous l'ennemi, alors que c'est lui !
GLOUGLOU ...
Répondre à sfel
Discussions pertinentes trouvées dans le forum
12/02 22h12PROBLEME (( HTML : CSS )) IMAGE, FOND ?Webmastering13/02 09h359
08/02 04h37[HTML]Centrer une image dans la pageWebmastering28/05 21h065
18/04 17h14Page html avec un fond qui bougeWebmastering18/04 18h157
03/12 19h14Zone visible fond d'image / fond de pageWebmastering05/12 21h348
Plus de discussions sur « [HTML] Centrer une image de fond dans la page » Discussion en cours Discussion fermée Problème résolu
Logiciels pertinents trouvés dans les téléchargements
Télécharger Firstpage 2006Firstpage - First Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Télécharger Wink 2.0Wink - Wink permet de capturer ce qui se passe à l'écran (images et déplacements du curseur) afin de créer des vidéos de...Catégorie: Capture
Licence: Freeware/gratuit
Télécharger PDFLab 2.0.3r2PDFLab - PDFLab vous permet de diviser et assembler des documents PDF ainsi que d'y insérer des images, des pages blanches. Vous...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [HTML] Centrer une image de fond dans la page »
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide