Insérer un fond noir

Résolu
BillGates -  
crapoulou Messages postés 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   -
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   Statut Contributeur Dernière intervention   1 608
 
Il manque un guillemet après le #000; !

0
BillGates
 
Sinon tout est juste ?
0
crapoulou Messages postés 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   8 013
 
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
BillGates
 
wow, ça marche.
Un grand Merci à vous !
=)
0
crapoulou Messages postés 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   8 013
 
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
BillGates
 
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 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   8 013
 
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
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 ?

Posez votre question
crapoulou Messages postés 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   8 013
 
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
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
crapoulou Messages postés 28195 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   8 013
 
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