Se connecter avec
S'enregistrer | Connectez-vous

You are not allowed to do this.

Header CSS disparu

Dernière réponse : dans Programmation

Bonjour,

voilà, comme c'est écrit dans le titre, le header de ma page a tout simplement disparu !
J'ai codé ma page hier, et tout fonctionnait parfaitement, le header s'affichait bien en haut de ma page. Puis j'ai voulu ajouter une class à une image pour tenter de la centrer. Ca n'a pas marché, alors je l'ai retiré. Je n'ai absolument pas touché aux lignes de code concernant le header. Et pourtant, après cette opération il n'était plus là. J'ai revérifié mon code mais je n'arrive pas à voir d'où vient le problème.

Le code :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="en" >
  3.  
  4. 	<head>
  5. 		<title>Dagmar Base Edit</title>
  6. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. 		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style_dagmar.css" />
  8. 	</head>
  9.  
  10. 	<body>
  11.  
  12. 		<div id="header"> 
  13. 		</div>
  14. 		<div>
  15. 			<table>
  16. 			<thead>
  17. 				<tr>
  18. 					<th><h1>+ Entries +</h1></th>
  19. 				</tr>
  20. 			</thead>
  21. 			<tfoot>
  22. 				<tr class="name">
  23. 					<th><p>1. Dare</p></th>
  24. 				</tr>
  25. 			</tfoot>
  26. 				<tr>
  27. 					<td><img src="entries/dare.gif" width="321" height="277" alt="Dare" /></td>
  28. 				</tr>
  29. 			</table>
  30. 			<table>
  31. 			<tfoot>
  32. 				<tr class="name">
  33. 					<th><p>2. Bunny</p></th>
  34. 				</tr>
  35. 			</tfoot>
  36. 				<tr>
  37. 					<td><img src="entries/bunny.gif" width="207" height="222" alt="Bunny" /></td>
  38. 				</tr>
  39. 			</table>
  40. 		</div>
  41. 	</body>
  42. </html>


  1. body
  2. {
  3. 	width: 700px;
  4. 	margin: auto;
  5. 	margin-top: 20px;
  6. 	margin-bottom: 20px;
  7. 	background-image: url("background_dagmar.png");
  8. }
  9. #header
  10. {
  11. 	width:700px;
  12. 	height:160px:
  13. 	background-image:url("header.png");
  14. 	background-repeat:no-repeat;
  15. 	margin-bottom:10px;
  16. }
  17. table
  18. {
  19. 	margin-left: auto;
  20. 	margin-right: auto;
  21. 	width: 700px;
  22. }
  23. h1
  24. {
  25. 	font-size: 16x;
  26. 	font-family: Candara, Verdana, Arial, serif;
  27. 	color: #e90a20;
  28. 	text-align: center;
  29. }
  30. th
  31. {
  32. 	background-color: #f2ca9d;
  33. 	font-size: 12x;
  34. 	font-family: Candara, Verdana, Arial, serif;
  35. 	color: #e90a20;
  36. 	text-align: center;
  37. }
  38. img
  39. {
  40. 	display: block;
  41. 	margin: 0 auto;
  42. }


Et puis une question pour la route : le tfoot de mon tableau est nettement plus haut que le texte qu'il contient. Comment je peux en réduire la hauteur ?

Merci beaucoup :) 

Autres pages sur : header css disparu

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde