Comment mettre image fond écran sous-pages site ?

Comment mettre image fond écran sous-pages site ? - HTML/CSS - Programmation

Marsh Posté le 02-10-2005 à 17:33:56    

Bonjour  :jap:  
 
J'ai mis une image en fond d'écran sur la page principale de mon site (avec le code <body background="image.jpeg"> ) et je voudrais qu'elle s'affiche également en fond d'écran sur les sous-pages du site ! Quel code faut-il mettre ?  :??:  
 
Merci d'avance pour vos réponses  :)


Message édité par vapatrovitch le 02-10-2005 à 17:34:31
Reply

Marsh Posté le 02-10-2005 à 17:33:56   

Reply

Marsh Posté le 02-10-2005 à 17:42:08    

[:rtfm] => En html, chaque page est autonome des autres.
 
Il faut donc mettre le même code sur chacune des autres pages pour avoir l'image en fond de toutes la pages.


Message édité par omega2 le 02-10-2005 à 17:44:18
Reply

Marsh Posté le 02-10-2005 à 18:06:34    

Ah ok je prends note.  :)   :jap:  
 
Peut-être que j'utilise le mauvais terme en disant "sous-pages" . Sur mon site (mon 1er vous l'aurez deviné !), y a des dossiers que je rajoute facilement avec le client ftp (nouveau>dossier). Quand je rajoute l'image de fond d'écran à la page principale, si j'ouvre le dossier, le contenu de ce dossier n'a plus le fond d'écran de la page principale ! Est-ce que c'est ça une sous-page ?  :??:  
 
J'ai ouvert la page de contenu du dossier avec mozilla, j'ai édité et mis background=.... J'ai sauvegardé cette nouvelle page html. Je l'ai mise sur mon site. En naviguant avec mon client ftp je me retrouvais donc avec la page html index.html de la page principale et l'autre page que je venais donc de créer, mais ça ne marche pas ! Faut-il nommer la nouvelle page d'une certaine façon ?  :??:

Reply

Marsh Posté le 02-10-2005 à 18:07:51    

Salut Vapatrovit ch,
 
omega2 a raison, cependant je te conseille de t interresser aux CSS, ce sont des fichiers a part qui definissent ta mise en page. Ainsi, tu pourra utiliser le meme fichier pour toutes tes pages avec :
 
body { background-image : url('monimage.gif'); }

Message cité 1 fois
Reply

Marsh Posté le 02-10-2005 à 18:21:00    

benji_100 a écrit :

Salut Vapatrovit ch,
 
omega2 a raison, cependant je te conseille de t interresser aux CSS, ce sont des fichiers a part qui definissent ta mise en page. Ainsi, tu pourra utiliser le meme fichier pour toutes tes pages avec :
 
body { background-image : url('monimage.gif'); }


 
Ah oui ok ok, je vais me pencher là-dessus, merci beaucoup pour votre aide !!  ;)  :jap:  
 
Sinon ouais en mettant la page html dans le dossier et non sur la page principale par le client ftp, ça marche (au début je mettais toutes les pages html sur la page principale ! je suis bête ... :pt1cable: ) !!
Mais c'est vrai que cette solution du CSS a l'air d'être beaucoup mieux et pratique ! Je vais bucher là-dessus... :)

Reply

Marsh Posté le 02-10-2005 à 18:32:50    

Haha oui en effet tu debute... ca se .. sent.
 
Coup de pouce : ecrit ca dans ton index.html:

Code :
  1. <html>
  2. <head>
  3. <style type="text/css" media="screen">
  4. @import "style.css";
  5. </style>
  6. </head>
  7. <body>Hello World</body>
  8. </html>


 
et ca dans un fichier que tu nommera style.css :

Code :
  1. body { background-image : url('monimage.gif'); }


 
en remplacant bien sur "monimage.gif" par une de tes image.
Tu met ces 3 fichiers (l image, le html, le css) dans le meme repertoire et tu vas voir ce que ca donne.
 
Bon courage pour tes débuts:)

Message cité 1 fois
Reply

Marsh Posté le 05-10-2005 à 11:25:47    

Ah d'accord je prends note, merci pour le tuyau  :)  :jap:  (j'ai pas mon ordi tous les jours je ne pourrai essayer que ce week end, là je suis au boulot !)
 

benji_100 a écrit :

Haha oui en effet tu debute... ca se .. sent.
 
Coup de pouce : ecrit ca dans ton index.html:

Code :
  1. <html>
  2. <head>
  3. <style type="text/css" media="screen">
  4. @import "style.css";
  5. </style>
  6. </head>
  7. <body>Hello World</body>
  8. </html>


 
et ca dans un fichier que tu nommera style.css :

Code :
  1. body { background-image : url('monimage.gif'); }


 
en remplacant bien sur "monimage.gif" par une de tes image.
Tu met ces 3 fichiers (l image, le html, le css) dans le meme repertoire et tu vas voir ce que ca donne.
 
Bon courage pour tes débuts:)


Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed