Tom's Guide > Forum > Programmation > Header CSS disparu

Header CSS disparu

Forum Programmation : Header CSS disparu

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
Iskald   06-07-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 :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  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>
  10.     <body>
  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>



Code :
  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 :)

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Iskald   06-07-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 !

Répondre à Iskald
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Header CSS disparu
Aller à :

Il y a 2034 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 2,832 secondes
Liens