Insérer un fond noir

Résolu/Fermé
BillGates - 26 juil. 2010 à 20:20
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 - 26 juil. 2010 à 21:34
Bonjour, je souhaite créer une page web avec seulement une image et un fond noir.
Voilà ce que j'ai fait pour l'instant mais cela ne marche pas, aidez-moi ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Le Site de BillGates$</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<body
style="background-color:#000;
<img src="screen.gif" alt="Secure zone Log-in" />
</body>

Merki.


A voir également:

5 réponses

HostOfSeraphim Messages postés 6750 Date d'inscription jeudi 2 février 2006 Statut Contributeur Dernière intervention 31 juillet 2016 1 607
26 juil. 2010 à 20:21
Il manque un guillemet après le #000; !

0
Sinon tout est juste ?
0
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
26 juil. 2010 à 20:23
Bonsoir,
Tu n'as pas fermé ta balise body ouvrante :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Le Site de BillGates$</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<body
style="background-color:#000000;">
<img src="screen.gif" alt="Secure zone Log-in" />
</body>
0
wow, ça marche.
Un grand Merci à vous !
=)
0
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
26 juil. 2010 à 20:31
A ton service.
PS : Pense à utiliser des feuilles de style (CSS), c'est plus propre que mettre le style dans le code HTML.
Mieux vaut distinguer le fond de la forme.

Bonne continuation.
0
OK. Je vais y penser pour la prochaine fois.
Simplement maintenant je voudrais centrer l'image. Comment dois-je faire ?
0
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
Modifié par crapoulou le 26/07/2010 à 20:59
Je l'ai rajoutée mais n'oublie pas la balise html de fin :
</html>

*******

Pour centrer ton image :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >  
<head>  
<title>Le Site de BillGates$</title>  
<meta http-equiv="Content-Type" content="text/html;  
charset=iso-8859-1" />  
 <style>  
  .center  
  {  
   text-align : center;  
  }  
 </style>  
</head>  
<body style="background-color:#FFFFFF;">  
<div class="center">  
 <img src="aa.jpg" alt="Secure zone Log-in" />  
</div>  
</body>  
</html>


Ce qui est dans la balise style peut être extrait et mis dans une feuille de styles.

OU

<p align="center"> 
 <img src="aa.jpg" alt="Secure zone Log-in" /> 
</p>


T'as un problème ? Passe sur CCM!
Il n'y a pas de problème sans solution.
0
Quelle doit être l'extension de la feuille de styles *.css ?
A présent je voudrais faire que lorsqu'on clique sur mon image, une autre image (ecran.jpeg) apparaisse sur le même fond noir et centré.
Pardonnez-moi pour mon ignorance mais je suis tout à fait nouveau dans le monde de la programmation.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
26 juil. 2010 à 21:17
Je veux bien t'aider pour des questions précises mais là, j'ai l'impression de faire ton projet.
Je crois que tu as surtout besoin d'apprendre plein de choses et de te former.
Consulte le site du zéro et son cours HTML / CSS :

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

La feuille de style a bien cette extension.
En HTML, cela devra rediriger vers une autre page lorsque tu cliques dessus (renseigne toi sur la balise <a></a>)
0
Ah OK, en fait j'ai acheté le livre qu'on voit sur le site du zéro simplement je n'est pas encore eu le temps de le lire.
Salut !
=)
0
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
26 juil. 2010 à 21:34
Prends le temps de lire.
C'est important de débuter su des bases solides afin de savoir ce que l'on fait.
Tu reviendras ensuite si tu as d'autres soucis ;-).

A+.
0