Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP hauteur de cellule d'un tableau

hauteur de cellule d'un tableau

13 réponses
Avatar
Freegate
Bonjour,

J'ai mis en ligne le code suivant :
<table width="480" border="0" align="center" cellpadding="0"
cellspacing="0" bordercolor="#C1CBB4">
<tr>
<td width="9" height="12"><img src="../img/cag.gif" border="0"/></td>
<td width="462" height="12" bgcolor="#C1CBB4">&nbsp;</td>
<td width="9" height="12"><img src="../img/cad.gif" border="0"/></td>
</tr>
</table>

Il s'agit d'une ligne de hauteur de 12px avec 3 colonnes contenant pour
la 1ere un coin arrondi gauche, et la 3ème un coin arrondi droit. Au
milieu, rien de particulier.

Mon probleme c'est qu'à l'affichage dans un navigateur, la cellule du
milieu a une hauteur supérieur à 12px. La ligne n'est donc pas
uniforme. Comme faire pour imposer que la hauteur de la ligne entière
soit de 12px ?

Merci beaucoup
Signaler un problème avec ce contenu

3 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
Pierre Goiffon
SAM wrote:
<style type='text/css'>
table { border: none ; }
td { border: 1px solid; width: 33% }
.test { empty-cells: show }
</style>
<table>
<tr>
<td>_Row_1_Cell_1_</td>
<td></td>
<td>_Row_1_Cell_3_</td>
</tr>
<tr class="test">
<td>_Row_2_Cell_1_</td>
<td></td>
<td>_Row_2_Cell_3_</td>
</tr>
</table>

La cellule vide de rangée 'test' montre sa bordure
contrairement à celle de rangée 1
(testé Fx. IE ?)



Dans Fx3 Windows j'ai une bordure sur les 2 lignes.
Dans IE7 aucune bordure pour les cellules centrales sur les 2 lignes.

Euh... quelque chose ne fonctionne pas comme prévu ou je n'ai rien compris ?
Avatar
SAM
Pierre Goiffon a écrit :
SAM wrote:

La cellule vide de rangée 'test' montre sa bordure
contrairement à celle de rangée 1
(testé Fx. IE ?)



Dans Fx3 Windows j'ai une bordure sur les 2 lignes.
Dans IE7 aucune bordure pour les cellules centrales sur les 2 lignes.

Euh... quelque chose ne fonctionne pas comme prévu ou je n'ai rien
compris ?



Ça dépend du doc-type :-(
(ne fonctionne qu'en son absence ?)

html4-strict :
<http://cjoint.com/data/iBujoYzIXo_cellule_vide_strict.htm>
html nu :
<http://cjoint.com/data/iBula2v2IY_table_cell_vide.htm>

--
sm
Avatar
Pierre Goiffon
SAM wrote:
La cellule vide de rangée 'test' montre sa bordure
contrairement à celle de rangée 1
(testé Fx. IE ?)



Dans Fx3 Windows j'ai une bordure sur les 2 lignes.
Dans IE7 aucune bordure pour les cellules centrales sur les 2 lignes.



Ça dépend du doc-type :-(
(ne fonctionne qu'en son absence ?)

html4-strict :
<http://cjoint.com/data/iBujoYzIXo_cellule_vide_strict.htm>
html nu :
<http://cjoint.com/data/iBula2v2IY_table_cell_vide.htm>



Ha, le mode de rendu...
Merci Stéphane de toutes ces précisions et de ces pages de test en tout
cas !
1 2