BackGround html et css

BurnGemios3643 Messages postés 90 Statut Membre -  
 Utilisateur anonyme -
Bonjour, j'ai un problème avec une image de fond. lorsque je met un background sur l'index.html et que je le démare sur mon pc tou fonctionne bien mais lorsque je met index.html sur hostinger (avec l'image dans le meme dossier) le fond d'écran n'apparais pas.

code html:



<!DOCTYPE html>
<html>
	<head>
			<meta charset="utf-8" />
			<title>StealZ|Community</title>
				<link rel="stylesheet" href="center.css">

			<center><embed src="https://www.youtube.com/v/NG2IUO6bibE&autoplay=0" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1" /> </embed> </center>
			<script type="text/javascript" src="TypingText.js">
			</script>
	</head>
	<body>
	<div>
		<body background="Stealz.png" width="500" height="500"/>
	</div>
		<center><font size="50" color="#ea0707">Bienvenue sur le site de la <b>StealZ</b></font></center>
		<center><img src="logo.jpg" width="300" height="300" /></center>

		<div id="example1"><font size="50" color="#ea0707">Ma chaine youtube ! <a href="https://www.youtube.com/channel/UCIcCTDAPl8vdm62n5ffFmMQ" rel="nofollow noopener noreferrer" target="_blank">Abonne toi!</a></font></div>
		<div id="example2"><font size="50" color="#ea0707">Page1: <a href="http://stealz.esy.es/D1/1.html" rel="nofollow noopener noreferrer" target="_blank">Clic ici!</a></font></div>

	<p id="example3"><font size="5" color="#ea0707">...................................................................███████╗████████╗███████╗... █████╗    .   ██╗ ...........            ███████╗</font></p>
	<p id="example4"><font size="5" color="#ea0707">...................................................................██╔════╝╚══██╔══╝██╔════╝ ██╔══██╗██║       ...........      ╚══███╔╝</font></p>
	<p id="example5"><font size="5" color="#ea0707">...................................................................███████╗   .......       ██║    ......    █████╗ .....      ███████║██║    ...............               ███╔╝ </font></p>
	<p id="example6"><font size="5" color="#ea0707">...................................................................╚════██║    .......      ██║    ......    ██╔══╝ .....      ██╔══██║██║.............                ███╔╝</font></p>
	<p id="example7"><font size="5" color="#ea0707">...................................................................███████║     .......     ██║   ......     ███████╗ ██║  ....    ██║███████╗███████╗</font></p>
	<p id="example8"><font size="5" color="#ea0707">...................................................................╚══════╝     .......     ╚═╝    .....   ╚══════╝ ╚═╝......╚═╝╚══════╝╚══════╝</font></p>

	<script type="text/javascript">
	//Define first typing example:
	new TypingText(document.getElementById("example1"));

	//Define second typing example (use "slashing" cursor at the end):
	new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example3"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example4"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example5"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example6"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example7"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });
	new TypingText(document.getElementById("example8"), 100, function(i){ var ar = new Array(" ", " ", " ", " "); return " " + ar[i.length % ar.length]; });

	//Type out examples:
	TypingText.runAll();
	</script>
	</body>
</html>



pouvez vous m'aider?

2 réponses

  1. Utilisateur anonyme
     
    Bonjour

    Peur-être une question de majuscule/minuscule. Windows n'en tient pas compte, mais d'autres systèmes d'exploitation, si.
    Si tu parles de Stealz.png, vérifie bien comment le nom du fichier est écrit.
    0
    1. BurnGemios3643 Messages postés 90 Statut Membre 13
       
      oui le nom est bien écrit.
      0
    2. Utilisateur anonyme
       
      Tu peux donner le lien sur la page en question ?
      0
      1. Utilisateur anonyme > Utilisateur anonyme
         
        Je n'avais même pas remarqué… tu as vu que tu as deux <body>, dont un dans un <div> ? Ça n'explique pas la différence de comportement entre local et en ligne, mais avec des bizarreries comme ça il faut s'attendre à tout.
        0
    3. Utilisateur anonyme
       
      Et cette balise <center>, qui n'est plus supportée en HTML5 et qui est dans le <head>… Tu es sûr que tu as quelques notions de HTML ?
      0
  2. Utilisateur anonyme
     
    Dans la page qui est actuellement en ligne, il n'y a pas de background. Normal qu'on ne le voit pas.

    Remarque : le fait de débuter n'excuse pas que tu utilises des balises qui n'existent plus, bien au contraire. On peut comprendre que quelqu'un qui a utilisé une balise qui était légitime autrefois, continue de l'utiliser par habitude. Cette excuse ne s'applique pas aux débutants.
    0