Partage
  • Partager sur Facebook
  • Partager sur Twitter

probleme tableux css

wildez
    4 mai 2006 à 2:58:45

    voila je fais un site en xhtml et css mais mes tableux ne sont pas comme je veux et je ne sais pas pourquoi sur mon ordinateur sa marche mais une fois sur le web sa ne marche pu et pour information je suis avec voila

    donc voici mon fichiez css

    body

    {

       width: 760px;

       margin: auto;

       margin-top: 20px;

       margin-bottom: 20px;   

       background-image: url("IMAGE");





     

    }





    #en_tete

    {

       width: 760px;

       height: 100px;

       background-image: url("http://img449.imageshack.us/img449/5674/baniairesite9sg.png") ;

       background-repeat: no-repeat;

       margin-bottom: 10px;

    }






    #menu

    {

       float: left;

       width: 120px;

    }



    .element_menu

    {

       background-color: white;

       background-image: url("images/motif.png");

       background-repeat: repeat-x;

       

       border: 2px solid black;

       

       margin-bottom: 20px;

    }










    .element_menu h3

    {   

       color: black;

       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

       text-align: center;

    }



    .element_menu ul

    {

       list-style-image: url("images/puce.png");

       padding: 0px;

       padding-left: 20px;

       margin: 0px;

       margin-bottom: 5px;

    }



    .element_menu a

    {

       color:black;

    }



    .element_menu a:hover

    {

       background-color: white;

       color: black;

    }









    #corps

    {

       margin-left: 140px;

       margin-bottom: 20px;

       padding: 5px;

       

       color: black;

       background-color: white;

       background-image: url("images/motif.png");

       background-repeat: repeat-x;

       

       border: 2px solid black;



    }



    h6

    {

       text-align: center;

       font-family: "Arial", Arial, Verdana, serif;

    }



    a

    {

       

       color: black;

       

    }



    .signature

    {

       text-align: right;

       font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;

       font-size: 80%;

    }



    blockquote

    {

       text-align: center;

    }





    caption

    {

       margin: auto;

       font-family: Arial, Times, "Times New Roman", serif;

       font-weight: bold;

       font-size: 1.2em;

       color: black;

       margin-bottom: 20px;

    }



    table

    {

       margin: auto;

       border: 4px outset black;

       border-collapse: collapse;

    }



    th

    {

       background-color: black;

       color: white;

       font-size: 1.1em;

       font-family: Arial, "Arial Black", Times, "Times New Roman", serif;

    }



    td

    {

       border: 1px solid black;

       font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;

       text-align: center;

       padding: 5px;
    }



    /* Par wildez */



    Voici mon fichiez xhtml

    <!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>Gnu/lINUX</title>

           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

           <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="cssstyle.css" />

       </head>



       <body>



           <!-- L'en-tête -->



           <div id="en_tete">

               

           </div>



        <!-- Les menus -->





                  <div id="menu">       

               <div class="element_menu">

                   <h3>Menu</h3>

                   <ul>

    <li><a href="accueil.html">Accueil</a></li>

    <li><a href="nouvelles.html">Nouvelles</a></li>

                       <li><a href="histoiredelinux.html">Histoire</a></li>

                       <li><a href="Distributionlinux.html">distribution</a></li>

                       

    <li><a href="tutoriaux.html">Tutoriaux</a></li>

                       

                       <li><a href="mecontacter.html">me contacter</a></li>



       

         



    </ul>



    </div>

           



    <br />





       





           </div>

           <!-- Le corps -->



           <div id="corps">

               <h1>Les nouvelles de l'année 2006</h1>

           

               <p><table>

       <caption></caption>



       <thead> <!-- En-tête du tableau -->

           <tr>

               <th></th>

    <th>2006</th>

    <th></th>

           </tr>

       </thead>



       <tfoot> <!-- Pied de tableau -->

           <tr>

               <th></th>

               <th>2006</th>

               <th></th>

           </tr>

       </tfoot>



       <tbody> <!-- Corps du tableau -->

           <tr>

               <td><a href="avril2006.html">Avril</a></td>

               <td><a href="mai2006.html">Mai</a></td>

               <td>Juin</td>

           </tr>

           <tr>

               <td>Juillet</td>

               <td>Août</td>

               <td>Septembre</td>

           </tr>

           <tr>

               <td>Octobre</td>

               <td>Novembre</td>

               <td>Décembre</td>

           </tr>

         

         

         

       </tbody>

    </table></p>

           

               </div>



           <!-- Le pied de page -->



           <div id="pied_de_page">



           </div>



       

    <script language='javascript'>document.write('<img src="http://monsite.voila.fr/servlets/istat?site=linuxwildez&page=/acceuil.html&outil=ftpweb&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>'); </script>

    <script language='javascript'>document.write('<img src="http://e.voila.fr/cgi-bin/ft/10000033638?&page=linuxwildez_acceuil.html&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>');</script></body>

    </html>


    ses quoi qui ne marche pas o_O
    • Partager sur Facebook
    • Partager sur Twitter
    yöm
      4 mai 2006 à 18:39:45

      Le tableau est inséré dans un paragraphe. Le tableau n'a pas de <caption> (j'entends pas de caption rempli), le tableau n'a pas l'attribut summary qui est obligatoire, les cellules titres (<th>) n'ont pas d'attribut scope etc.
      • Partager sur Facebook
      • Partager sur Twitter

      probleme tableux css

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown