Discussion :

[fayred]

Bonjour,

Je souhaiterai faire un tableau ayant des cases de taille fixe quoi qu'il y ait à l'intérieur (meme si elles sont vides donc).
Voici mon code html :

Code :

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

1
2
3
4
5
6
7
8
9
 
<table>
           <tr>
                   <td class="sal">Bla</td>
                   <td class="ho">bla</td>
                   <td class="ho">bla</td>
                          ........etc
          </tr> 
</table>

css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
.sal
{
	width: 4px;
	font-size:medium;
	text-align: center;
}
 
.ho
{
	width:0.5px;
	height:10px;
	font-size:x-small;
	overflow:hidden;
 
}

Pour l'instant les tailles des cases s'adaptent à ce qu'il y a à l'intérieur.

Je ne suis pas spécialement une pro du css donc pardonnez moi si ma question vous semble un peu simpliste.

Merci d'avance

[Bisûnûrs]

Rajoute un élément div par exemple dans ton td et à lui tu affectes overflow:hidden.

Au passage, les demi-pixels n'existent pas.

[fayred]

Demi pixels... Non mais franchement j'ai honte!!
merci pour ta réponse je vais tester ça ce weekend => verdict lundi!
Bon week end

[fayred]

Me revoila!
Bon j'ai testé et ça ne va pas...(snif) : en fait ça ne modifie pas la taille de la case d'avoir un div dedans. J'ai des cases géantes avec un div de taille réglable à l'interieur. Or moi je voudrais que mes cases soient de taille fixes...

un peu de code...
css :

Code :

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

1
2
3
4
5
6
7
8
9
 
.cellule_jour
{
	width:15px;
	height:8px;
	font-size:x-small;
	overflow:hidden;
 
}

p.php

Code :

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

1
2
3
4
5
6
 
<td>
<div class="cellule_jour">
<input type="button" id="dateDeb" onclick="javascript:majHoraire.show();" value="">
</div>
</td>

Merci de votre aide !

[Bisûnûrs]

Et comme ça :

Code html :

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

1
2
3
4
5
<td class="cellule_jour">
   <div>
      <input type="button" id="dateDeb" onclick="javascript:majHoraire.show();" value="" />
   </div>
</td>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.cellule_jour{
   width:15px;
}
.cellule_jour div{
   width:15px;
   height:8px;
   overflow:hidden;
}
.cellule_jour div input{
   width:10px;
}

[fayred]

Merci! C'est tres pratique ça j'avais oublié que ça existait!
C'est bon mon tableau est tout beau tout aligné!

Bonne journée!