Fixer la largeur d'une colonne d'un tableau

par **Aureusms** » 15 oct. 2014, 00:30

Bonjour,

ton écriture :

 <TH class="<span style="font-weight: bold">col1_4</span>">Machine</TH>
     <TH class="<span style="font-weight: bold">col1_4</span>">Code article</TH>
     <TH class="<span style="font-weight: bold">col1_4</span>">D&eacute;signation</TH>
     <TH class="<span style="font-weight: bold">col1_4</span>">PU HT</TH>
     <TH class="<span style="font-weight: bold">col5</span>">Qt&eacute;</TH>

est fausse car tu ne peux pas avoir de span dans la class.

Essayes (c'est un exemple) :

 <TH class="" style="width: 20px;"><span style="font-weight: bold;">col1_4</span>Machine</TH>

par **@rthur** » 03 oct. 2014, 18:06

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.

par **jacfev** » 29 sept. 2014, 11:00

Bonjour,

Souci pour fixer la largeur d'une colonne de mon tableau.
La dernière colonne Qté doit être réduite
Contient 2 pages: page.php (html + php) et styles.css
NOTA: Il est nécessaire pour la page que la dernière colonne ne soit pas incluse dans la boucle while.

page.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <HTML lang="fr-fr">
 <HEAD>
 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <META http-equiv="Content-Language" content="fr" />
 <TITLE>informatique</TITLE>
 <LINK title="Feuille de styles CSS" rel="stylesheet" href="styles.css"
     type="text/css" />
 <LINK rel="shortcut icon" href="images/favicon.ico" />
 <STYLE type="text/css">
</STYLE>
<script type="text/javascript">
</script>
</HEAD>
<BODY>   
<div id="header">
    <P class="position">header</P>
</div>
 <div id="corps">
     <div id="left">
     <p class="position">left</p>
     </div>
     <div id="middle">
     <p class="position">middle</p>

     echo '<table border="1" class="table1">';
     echo '
    <tr class="tr1">
     <TH class="[b]col1_4[/b]">Machine</TH>
     <TH class="[b]col1_4[/b]">Code article</TH>
     <TH class="[b]col1_4[/b]">D&eacute;signation</TH>
     <TH class="[b]col1_4[/b]">PU HT</TH>
     <TH class="[b]col5[/b]">Qt&eacute;</TH>
     </tr>';
     //avec while
     $no_ligne = 0;
     while ($no_ligne<=4) //5 lignes
    {
         echo '<tr>';
         $no_colonne = 0;
        while ($no_colonne<=3) //4 colonnes
        {
            echo '<td class="[b]col1_4[/b]">';
            echo "l".($no_ligne+1)."c".($no_colonne+1);
            echo '</td>';
            $no_colonne++;
        }
        echo '<td class="[b]col5[/b]">'; //+ une colonne
         echo "l".($no_ligne+1)."c5";
         echo '</td>';
         echo '</tr>';
         $no_ligne++;
     }
     echo '</table>';

<p>&nbsp;</p>
     </div>
     <div id="right">
         <p class="position">right</p>
     </div>
 </div>
 <div id="bottom">
     <p class="position">bottom</p>
 </div>
 </BODY> </HTML>

styles.css

* {
    margin: 0;
    padding: 0;
}
body {
    width: 1050px;
    margin: 1px auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background-color: #CCFFFF;*/
    /*background-color: #e0dedf;*/
    background-color: #EDEDED;
}
#bottom {
    clear: both;
    width: 1050px;
    height: 5px;
}
.col1_4 {
    /*
    max-width: 30px;
    */
    width: 30px;
}
.col5 {
    /*
    max-width: 20px;
    */
    width: 5px;
}
#corps {
    float: left;
    background-color: #ffffff;
    height: 1050px;
}
#header {
    width: 1050px;
    height: 5px;
}
#left {
    float: left;
    width: 150px;
}
#middle {
    float: left;
    width: 700px;
    /*height: 500px;*/
    background-color: #EDEDED;
    padding-left: 5px;
}
.position {
    font-size: 0.6em;
    color: #FF9966;
}
#right {
    float: left;
    width: 150px;
}
.table1{
    background-color: #00FFFF;
    width: 690px;
    margin:0 auto;
}
.tr1 {
   text-align: center;
}

Fixer la largeur d'une colonne d'un tableau

Répondre

Étendre la vue Revue du sujet : Fixer la largeur d'une colonne d'un tableau

Re: Fixer la largeur d'une colonne d'un tableau

Re: Fixer la largeur d'une colonne d'un tableau

Fixer la largeur d'une colonne d'un tableau