Probleme dans la programmation de mon site!
Sanji29270
Messages postés
44
Statut
Membre
-
Sanji29270 Messages postés 44 Statut Membre -
Sanji29270 Messages postés 44 Statut Membre -
Bonjour a tous et a toutes ,
Je suis en train de faire un sit HTML pour ma famille mais je n'arrive pas a mettre d'image en fond et je n'ai pas vraiment envie d'utiliser du CSS voici mon code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="569.css" />
<title>SITE EN ALPHA</title>
</head>
<body><a href="Site/photo122.png target="_blank"><img src="img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a>
<h2><p style="color: green;">MERCI DE VISITER MON SITE</h2></p>
<mark>Ceci est une alpha de mon site soyez indulgent !</mark>
<p style="color: red;">Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu ! !</p>
<ul>
<a href="https://www.youtube.com/" title="contenue video"target="_blank"><li>Youtube</li>
<a href="https://www.facebook.com/" title="Reseaux sociaux"target="_blank"><li>Facebook</li>
<a href="https://twitter.com/"title="Reseaux sociaux"target="_blank"><li>Twitter</li>
<a href="http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/ou-ecrit-on-le-css"title="site pour le site"target="_blank"><li>ouffman</li>
</ul>
<p><a href="856.html"target="_blank">Bonjour,souhaitez-vous consulter la page2</p>
</body>
</html>
voila et j'ai aussi unprobleme je n'arrive pas a voir l'image ici :<a href="Site/photo122.png target="_blank"><img src="img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a> pourtant j'ai bien le lien mais il me dit prbleme de chargement files///c etc....
Merci d'avance !
Sanji
Je suis en train de faire un sit HTML pour ma famille mais je n'arrive pas a mettre d'image en fond et je n'ai pas vraiment envie d'utiliser du CSS voici mon code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="569.css" />
<title>SITE EN ALPHA</title>
</head>
<body><a href="Site/photo122.png target="_blank"><img src="img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a>
<h2><p style="color: green;">MERCI DE VISITER MON SITE</h2></p>
<mark>Ceci est une alpha de mon site soyez indulgent !</mark>
<p style="color: red;">Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu ! !</p>
<ul>
<a href="https://www.youtube.com/" title="contenue video"target="_blank"><li>Youtube</li>
<a href="https://www.facebook.com/" title="Reseaux sociaux"target="_blank"><li>Facebook</li>
<a href="https://twitter.com/"title="Reseaux sociaux"target="_blank"><li>Twitter</li>
<a href="http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/ou-ecrit-on-le-css"title="site pour le site"target="_blank"><li>ouffman</li>
</ul>
<p><a href="856.html"target="_blank">Bonjour,souhaitez-vous consulter la page2</p>
</body>
</html>
voila et j'ai aussi unprobleme je n'arrive pas a voir l'image ici :<a href="Site/photo122.png target="_blank"><img src="img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a> pourtant j'ai bien le lien mais il me dit prbleme de chargement files///c etc....
Merci d'avance !
Sanji
3 réponses
-
Bonjour,
>> je n'ai pas vraiment envie d'utiliser du CSS
Pourtant tu utilises bien du CSS puisque une feuille de styles est associée à ta page :<link rel="stylesheet" href="569.css" />
De toute façon, pour inclure une image de fond à la page web (background), tu es obligée d'appliquer un style à la balise <body> de 2 manières.
1. Style inclus dans la balise elle-même :<body style="background: url(image_de_fond_a_appliquer.jpg);">
2. Règle de style applicable à la balise <body> dans la feuille de style 569.css :body {background: url(image_de_fond_a_appliquer.jpg);}
Pour le souci d'image qui ne s'affiche pas, je remarque une erreur de syntaxe HTML dans le lien, il manque une double quote fermante sur l'attribut href :<a href="Site/photo122.png" target="_blank"><img src="img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a>
Cordialement. -
Pour mettre une image de fond en HTML (bien que sa ce fait plus de cette manière) :
<body background="images/background.png">
et pour le soucis de chargement de fichier, sa arrive souvent en local et on peut généralement fixer le problème en rajoutant un "./" avant le chemin du fichier.
Pour toi par exemple sa sera :
<a href="Site/photo122.png" target="_blank"><img src="./img/montagne_mini.jpg" alt="ALPHA" title="Cliquez pour voir" /></a>
P.S : fait attention à pas oublier les guillemets de partout, car à un endroit tu à oublié d'en mettre un et toute la suite du code est compromis. -
Essaie ça <body background="image.jpg">
tu remplace image par le nom de l'image que tu veux mettre en fond, et le format doit être le bon donc si ton image est en jpg, tu mets .jpg après le nom de l'image (mais ca tu le sais sûrement). et ce code doit être entre les balises <body></body>
