Partage

Mettre un fond d'écran sur une page en HTML ?

Comme faire ?

14 novembre 2017 à 14:16:32

Bonjour, je souhaiterais mettre un logo animé (gif) de Windows 98 en fond sur ma page HTML, mais le problème c'est qu'à chaque fois que j'utilise la commande <Background.....> l'image n'apparaît pas. Donc j'aimerais savoir pourquoi ? Et j'aimerais aussi savoir comment faire en sorte que mon image de fond soit adapté à ma page.

-
Edité par MattAnnigan 14 novembre 2017 à 14:20:53

Staff 14 novembre 2017 à 14:24:20

Bonjour,

peux-tu mettre ton code ici ? En utilisant le bouton </> pour le coloriser.

Attention, les mots ont un sens : on ne parle pas de commande en CSS mais de propriété, et les < et > servant pour parler de balises, donc dans le HTML.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 novembre 2017 à 14:26:39

Ok j'envoi le code :

</>

<head>
<title>Emploi du Temps</title>
</head>
<body>
<center>
<b>Emploi du Temps (Semaine paire) </b>

<center><a href="edtg1si.html">
<input type="button" name="lien1" value="Semaine Impaire" onclick="self.location.href='edtg1si.html'" style="background-color:#3cb371" style="color:white; font-weight:bold"onclick>
</a>
<br><br>

<table border ="1" bgcolor ="red">
     <tr bgcolor ="green">
         <td bgcolor ="white"><B> <center> Horaires </center></B></td>
         <td bgcolor ="white"><B> <center> Lundi </center></B></td>
         <td bgcolor ="white"><B> <center> Mardi </center></B></td>
         <td bgcolor ="white"><B> <center> Mercredi </center></B></td>
         <td bgcolor ="white"><B> <center> Jeudi </center></B></td>
         <td bgcolor ="white"><B> <center> Vendredi </center></B></td>
    </tr>
    <tr>
       <td bgcolor ="white"><B> <center> 8h00 </center></B></td>
       <td bgcolor ="Green"><B> <center> ... </center></B></td>
       <td bgcolor ="Purple"><B> <center> Physique-chimie (D135) </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique (H44)  </center></B></td>
       <td bgcolor ="green"><B> <center> ... </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
  </tr>
  <tr>
       <td bgcolor ="white"><B> <center> 8h55 </center></B></td>
       <td bgcolor ="silver"><B> <center> Mathematiques (c55) </center></B></td>
       <td bgcolor ="Purple"><B> <center> Physique-Chimie (D135) </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique(H44) </center></B></td>
       <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
  </tr>
  <tr>
       <td bgcolor ="white"><B> <center> 10h05 </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique (H03) </center></B></td>
       <td bgcolor ="Red"><B> <center> Francais (C60) </center></B></td>
       <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
       <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
       <td bgcolor ="hotpink"><B> <center> AP (C60) </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 11h00 </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
      <td bgcolor ="Red"><B> <center> Francais (C60) </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
      <td bgcolor ="Green"><B> <center> ... </center></B></td>
      <td bgcolor ="sandybrown"><B> <center> Anglais (C129) </center></B></td>
 </tr>
 <tr>
      <td bgcolor ="white"><B> <center> 12h00 </center></B></td>
      <td bgcolor ="lime"><B> <center> Self </center></B></td>
      <td bgcolor ="lime"><B> <center> Self </center></B></td>
      <td bgcolor ="lime"><B> <center> Self </center></B></td>
      <td bgcolor ="lime"><B> <center> Self </center></B></td>
      <td bgcolor ="yellowgreen"><B> <center> Etude de construction (H06) </center></B></td>
 </tr>
 <tr>
      <td bgcolor ="white"><B> <center> 12h55 </center></B></td>
      <td bgcolor ="Green"><B> <center> ... </center></B></td>
      <td bgcolor ="Green"><B> <center> ... </center></B></td>
      <td bgcolor ="Green"><B> <center> ... </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H121B) </center></B></td>
      <td bgcolor ="lime"><B> <center> Self </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 13h50 </center></B></td>
      <td bgcolor ="silver"><B> <center> Mathematiques (H119) </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="orangered"><B> <center> Ed.Physique </center></B></td>
      <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 14h45 </center></B></td>
      <td bgcolor ="sandybrown"><B> <center> Anglais (C306) </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="orangered"><B> <center> Ed.Physique </center></B></td>
      <td bgcolor ="Green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 15h40 </center></B></td>
      <td bgcolor ="mediumslateblue"><B> <center> PSE (H28) </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 16h50 </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 17h45 </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      <td bgcolor ="green"><B> <center> ... </center></B></td>
      
 
 </table>
 </center>
 </body>
 </html>
 
<center><a href="index.html">
<B><u> Accueil
</a>
      

Staff 14 novembre 2017 à 14:52:38

Il ne suffit pas d'écrire "</>" pour ça marche. Édite ton message en utilisant le bouton de la barre d'outils.

Mais c'est surtout le CSS qui m'intéressait.

Ceci dit… ton HTML doit absolument être retravaillé. A-t-il été écrit il y a longtemps ? Il contient de très nombreux éléments obsolètes, certains le sont depuis 1999 (!).

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 novembre 2017 à 14:58:20

Normal c le travail que je dois faire dans mon lycée. J'apprends les bases grâce à un exercice que le prof nous a donné à faire.

PS : J'ai pas trouvé HTML ?

<html>
<head>
<title>Emploi du Temps</title>
</head>
<body>
<body background="Background.gif">
<center>
<b>Emploi du Temps (Semaine paire) </b>

<center><a href="edtg1si.html">
<input type="button" name="lien1" value="Semaine Impaire" onclick="self.location.href='edtg1si.html'" style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> 
</a>
<br><br>

<table border ="1" bgcolor ="red">
     <tr bgcolor ="green">
	     <td bgcolor ="white"><B> <center> Horaires </center></B></td>
		 <td bgcolor ="white"><B> <center> Lundi </center></B></td>
		 <td bgcolor ="white"><B> <center> Mardi </center></B></td>
		 <td bgcolor ="white"><B> <center> Mercredi </center></B></td>
		 <td bgcolor ="white"><B> <center> Jeudi </center></B></td>
		 <td bgcolor ="white"><B> <center> Vendredi </center></B></td>
    </tr>
    <tr>
       <td bgcolor ="white"><B> <center> 8h00 </center></B></td>
	   <td bgcolor ="Green"><B> <center> ... </center></B></td>
	   <td bgcolor ="Purple"><B> <center> Physique-chimie (D135) </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique (H44)  </center></B></td>
	   <td bgcolor ="green"><B> <center> ... </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
  </tr>
  <tr>
       <td bgcolor ="white"><B> <center> 8h55 </center></B></td>
	   <td bgcolor ="silver"><B> <center> Mathematiques (c55) </center></B></td>
	   <td bgcolor ="Purple"><B> <center> Physique-Chimie (D135) </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique(H44) </center></B></td>
	   <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
  </tr>
  <tr>
       <td bgcolor ="white"><B> <center> 10h05 </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique (H03) </center></B></td>
	   <td bgcolor ="Red"><B> <center> Francais (C60) </center></B></td>
	   <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	   <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
	   <td bgcolor ="hotpink"><B> <center> AP (C60) </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 11h00 </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	  <td bgcolor ="Red"><B> <center> Francais (C60) </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	  <td bgcolor ="Green"><B> <center> ... </center></B></td>
	  <td bgcolor ="sandybrown"><B> <center> Anglais (C129) </center></B></td>
 </tr>
 <tr>
      <td bgcolor ="white"><B> <center> 12h00 </center></B></td>
	  <td bgcolor ="lime"><B> <center> Self </center></B></td>
	  <td bgcolor ="lime"><B> <center> Self </center></B></td>
	  <td bgcolor ="lime"><B> <center> Self </center></B></td>
	  <td bgcolor ="lime"><B> <center> Self </center></B></td>
	  <td bgcolor ="yellowgreen"><B> <center> Etude de construction (H06) </center></B></td>
 </tr>
 <tr>
      <td bgcolor ="white"><B> <center> 12h55 </center></B></td>
	  <td bgcolor ="Green"><B> <center> ... </center></B></td>
	  <td bgcolor ="Green"><B> <center> ... </center></B></td>
	  <td bgcolor ="Green"><B> <center> ... </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H121B) </center></B></td>
	  <td bgcolor ="lime"><B> <center> Self </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 13h50 </center></B></td>
	  <td bgcolor ="silver"><B> <center> Mathematiques (H119) </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="orangered"><B> <center> Ed.Physique </center></B></td>
	  <td bgcolor ="steelblue"><B> <center> Histoire & Geographie (C60) </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 14h45 </center></B></td>
	  <td bgcolor ="sandybrown"><B> <center> Anglais (C306) </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H44) </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="orangered"><B> <center> Ed.Physique </center></B></td>
	  <td bgcolor ="Green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 15h40 </center></B></td>
	  <td bgcolor ="mediumslateblue"><B> <center> PSE (H28) </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 16h50 </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
  </tr>
  <tr>
      <td bgcolor ="white"><B> <center> 17h45 </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="dodgerblue"><B> <center> Electronique (H45) </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
	  <td bgcolor ="green"><B> <center> ... </center></B></td>
       
 
 </table>
 </center>
 </body>
 </html>
 
<center><a href="index.html">
<B><u> Accueil
</a>
	   



Staff 14 novembre 2017 à 15:16:26

Ok, dis à ton prof qu'il faut *vraiment* se mettre à jour. Là, concrètement, c'est comme si vous appreniez à écrire en utilisant des tablettes de cire. Fonctionnel (plus ou moins), mais pas du tout adapté aux temps présents.

Le style se fait dans le CSS, dans un fichier CSS indépendant. Il ne faut plus utiliser :

  • l'attribut "background"
  • la balise "center"
  • l'attribut "bgcolor"

Et ceci <input type="button" name="lien1" value="Semaine Impaire" onclick="self.location.href='edtg1si.html'" style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> fonctionnera bien plus simplement avec <a href="edtg1si.html">Semaine impaire</a>.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 novembre 2017 à 15:22:03

Excuse-moi mais le problème c'est que je n'ai pas le choix. C un travail à faire qui est noté.
Staff 14 novembre 2017 à 15:46:23

Donc en gros on t'oblige à utiliser une version du langage qui a bientôt 20 ans… Soupir. Allons-y :)

Ton fichier "Background.gif", il est bien dans le même dossier que le fichier HTML ? Il s'appelle bien exactement comme ça, extension et casse incluse ? Est-ce que tu es sous Windows ? Si oui, affiche bien les extensions : http://www.libellules.ch/afficher_fichiers.php .

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
15 novembre 2017 à 8:33:57

Oui je tourne sous Windows 7. Mais c bon j'ai trouvé la solution. Merci qd même ;)
Staff 15 novembre 2017 à 13:07:39

Et du coup, c'était quoi ? (histoire de partager le savoir :) )
Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

Mettre un fond d'écran sur une page en HTML ?

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown