Discussion :

[lololebricoleur]

Bonjour,

Question probablement stupide...

Comment gérer la largeur d'une table HTML de telle manière a disposer au centre de 2 colonnes de 325 pixels de largeur fixe chacune et d'une colonne à droite et à gauche qui occuperons les reste de la largeur.
Autrement dit, un tableau à 100% avec une partie centrale fixe ?

Possible ?
Si oui, comment svp ?

Merci

[rodolphebrd]

Re ,

avec ce code de base :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

on peut créer ce CSS:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
table{
  width:100%;
}
td{
  background: salmon;
}
td:nth-of-type(3), td:nth-of-type(2){
  width: 365px;
 min-width: 365px;
}

http://codepen.io/anon/pen/mxpve

On peut aussi créer une classe pour les deux cellules.

Le min-width fixe la largeur des cellules même lorsqu'on réduit la taille de la fenêtre à une valeur < 365X2px.

[lololebricoleur]

La question va te paraitre idiote mais...

Dans quel ordre je place les 2 code (html et ccs) ?

[lololebricoleur]

Merci de ton aide, j'ai trouvé comment intégrer le code.

Merci