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?

A voir également:

2 réponses

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
BurnGemios3643 Messages postés 90 Statut Membre 13
 
oui le nom est bien écrit.
0
Utilisateur anonyme
 
Tu peux donner le lien sur la page en question ?
0
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
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
BurnGemios3643 Messages postés 90 Statut Membre 13
 
hmm... j'e débute en html...
lien de la page (j'ai mis de la couleur maintenant): https://www.hostinger.fr/free-eol?utm_source=fri&utm_medium=www&utm_campaign=free_eol
0
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