Discussion :

[69Pierre]

Bonjour.
J'essaie vaienement de redéfinir la largeur de certaines de mes cellules avec ce bout de code :

Code javascript :

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

1
2
3
4
5
6
7
8
 
				$('.tps').css(
				{
					border : '3px #0D6200 groove',
					margin:'0',
					padding:'0',
					width : '30px'
				});

Cela fonctionne pour le border mais pas pour le width qui reste ajusté au texte.
Le débuuger de Firefox me donne pourtant :

Code html :

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

1
2
 
<td class="tps" style="border: 3px groove rgb(13, 98, 0); margin: 0px; padding: 0px; width: 30px;">1</td>

et

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
element.style {
    border: 3px groove #0d6200;
    margin: 0;
    padding: 0;
    width: 30px;
}
td {
    border: 1px solid #000;
    text-align: center;
    width: 10px;
}
td, th {
    padding: 0;
}

Il y a des couche successives de css et du coup, je n'arrive pas à remettre à 0 pour imposer mon width.
Merci de votre aide.

[69Pierre]

Ca ne marche pas parceque je suis dans un <table></table>.
L'idée est de mettre une <div></div> dans le <td></td> (ou le th),

Code html :

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

<th class="tps" ><div>HHHHHHHHHHHHHHHH</div></th>

avec

Code javascript :

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

1
2
3
4
5
 
				$('.tps > div').css({
					width : '40px',
					height: '21px'
				});

Trouvé avec l'aide de mes collègues.