Insérer un fond noir

Résolu

BillGates -

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.

Afficher la suite

5 réponses

Réponse 1 / 5
HostOfSeraphim Contributeur
Il manque un guillemet après le #000; !
0
1. BillGates
  
  Sinon tout est juste ?
  
  0

crapoulou Modérateur

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>

BillGates
wow, ça marche.
Un grand Merci à vous !
=)
0

Réponse 3 / 5
crapoulou Modérateur
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
1. BillGates
  
  OK. Je vais y penser pour la prochaine fois.
  Simplement maintenant je voudrais centrer l'image. Comment dois-je faire ?
  
  0
Réponse 4 / 5
crapoulou Modérateur
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
1. BillGates
  
  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 ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question
Réponse 5 / 5
crapoulou Modérateur
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
1. BillGates
  
  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
2. crapoulou Modérateur
  
  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

Newsletters