Probleme dans la programmation de mon site!

Sanji29270 Messages postés 36 Date d'inscription   Statut Membre Dernière intervention   -  
Sanji29270 Messages postés 36 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   57
 
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   Statut Membre Dernière intervention   1
 
Désolé mais je n'y arrive pas pourtan j'au tout essayé!
0
Sanji29270 Messages postés 36 Date d'inscription   Statut Membre Dernière intervention   1
 
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
Utilisateur anonyme
 
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
 
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