Votre question

Header CSS disparu

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
6 Juillet 2009 11:30:35

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" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" 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

6 Juillet 2009 14:14:10

Bouarf, en fait j'ai trouvé le problème. Une bête faute de frappe.

Je suis toujours preneuse d'une solution à ma seconde question néanmoins !
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS