Probleme dans la programmation de mon site!

Fermé
Sanji29270 Messages postés 36 Date d'inscription dimanche 13 avril 2014 Statut Membre Dernière intervention 9 février 2015 - 19 avril 2014 à 11:13
Sanji29270 Messages postés 36 Date d'inscription dimanche 13 avril 2014 Statut Membre Dernière intervention 9 février 2015 - 19 avril 2014 à 12:20
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
A voir également:

3 réponses

ReDLoG Messages postés 243 Date d'inscription mardi 12 mars 2013 Statut Membre Dernière intervention 28 octobre 2021 57
19 avril 2014 à 11:31
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.
2
Sanji29270 Messages postés 36 Date d'inscription dimanche 13 avril 2014 Statut Membre Dernière intervention 9 février 2015 1
19 avril 2014 à 12:19
Désolé mais je n'y arrive pas pourtan j'au tout essayé!
0
Sanji29270 Messages postés 36 Date d'inscription dimanche 13 avril 2014 Statut Membre Dernière intervention 9 février 2015 1
19 avril 2014 à 12:20
ha oui l'erreur est la suivantes : Firefox ne peut trouver le fichier à l'adresse /C:/Documents and Settings/Compaq_Propriétaire/Bureau/Site/Site/photo123.jpg.
0
Helper-Info Messages postés 169 Date d'inscription mardi 8 avril 2014 Statut Membre Dernière intervention 26 juillet 2014 26
Modifié par Helper-Info le 19/04/2014 à 11:30
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.
1
Utilisateur anonyme
19 avril 2014 à 11:28
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>
0