BackGround html et css

Fermé
BurnGemios3643 Messages postés 77 Date d'inscription mercredi 2 octobre 2013 Statut Membre Dernière intervention 27 décembre 2020 - 5 juin 2017 à 11:09
 Utilisateur anonyme - 5 juin 2017 à 15:13
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
Modifié le 5 juin 2017 à 11:14
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 77 Date d'inscription mercredi 2 octobre 2013 Statut Membre Dernière intervention 27 décembre 2020 13
5 juin 2017 à 11:56
oui le nom est bien écrit.
0
Utilisateur anonyme
5 juin 2017 à 14:01
Tu peux donner le lien sur la page en question ?
0
Utilisateur anonyme > Utilisateur anonyme
5 juin 2017 à 14:05
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
5 juin 2017 à 14:08
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 77 Date d'inscription mercredi 2 octobre 2013 Statut Membre Dernière intervention 27 décembre 2020 13
5 juin 2017 à 14:23
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
5 juin 2017 à 15:13
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