Discussion :

[takeda]

Bonjour, je voudrais créer un tableau avec 3 rangées et une seule colonne.

La rangée du haut est une image, pareil pour la troisième. Au milieu, j'affiche du texte d'une police 28, ma cellule du milieu également a une hauteur de 28 pixels.

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
17
18
19
 
<table border="0" cellpadding="0" cellspacing="0">
<tr colspan="0" rowspan="0">
  <td colspan="0" rowspan="0" width="593" height="10"><img width="593"
     height="10" src="...">
  </td>
</tr>
 
<tr colspan="0" rowspan="0">
  <td colspan="0" rowspan="0" width="593" height="28" class="test"
    rowspan="0" colspan="0" align="center">objet.name
  </td>
</tr>
 
<tr colspan="0" rowspan="0">
  <td colspan="0" rowspan="0" width="593" height="12"><img width="593"
     height="12" src="...">
  </td>
</tr>

Ce code est le rafraichissement d'une iframe dont width="593" et height="50"

class css test:

Code :

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

1
2
3
4
5
6
7
8
9
 
 
.test{
   font: "Helvetica beue CE75 Bold"
   font-size: 28px;
   color: #FOFOFO;
   padding-bottom: 0;
   padding-top: 0;
}

voilà mon problème est que la cellule contenant le texte devient plus large que 28px, il y 'a de l'espace au dessus et en dessous du texte, et du coup l'image du bas n'est pas bien visible. Les valeurs de colspan et rowspan des TD changent également automatiquement à 1.

Y 'a-t-il un moyen d'obliger le texte à s'écrire sur 28 pixels sans étirer la cellule? (sans texte tout se passe bien).

Merci.

[mdr_cedrick]

salut à toi !

tout d'abord sache que colspan="0" et rowspan="0" ne servent à rien
par défaut les deux sont à 1 (et oui revoir à quoi correspondent colspan et rowspan)
ensuite fait un simple test avec une cellule (sans tailles définies) et un texte à l'intérieur, tu verras alors qu'il y a toujours un espace même minime entre la bordure de ta cellule et ton texte. de se fait même si tu mets height="28" avec une écriture de 28 pixels de haut ta cellule fera peut-être 30-31 pixels

maintenant à voir si ça peut se corriger en css

[Erwan31]

Bonjour,
ce que tu souhaites obtenir demande un minimum de connaissance sur le fonctionnement de ce qui régit les espace verticaux d'une boîte de texte.
Au corps du texte s'ajoutent 2 demi-interligne d'environ 0.1em (1em=100%= tes 28px) chacune sachant que la taille de la boîte en-ligne (le zone de contenu du texte + les 2 demi interlignes = la valeur de line-height) est d'environ 1.2em (1.2em/120% étant une valeur standard d'interlignage).
L'interlignage d'un texte est géré par la propriété line-height.

La solution serait donc de doter ton texte (à imbriquer dans un span) d'un line-height de 1em mais ce n'est pas toujours aussi simple que ça puisque la zone de contenu de la font est souvent supérieure à celle des consonnes...
Si ça ne fonctionne pas, tu as toujours la possibilité de convertir ton texte en boîte de bloc (via un display:block) et de pouvoir jouer ainsi sur le placement verticale de ton texte grâce au padding verticaux et à une valeur de line-height inférieur à 1em pour faire remonter le texte.

[GihefBey]

Bonjour,

Et puis la police que tu utilises n'est pas présente chez tous tes visiteurs.
Elle est donc remplacée par une autre avant d'être affichée.
Le résultat sera donc de toute façon aléatoire.

Le plus précis, serait de convertir le texte sous forme d'image.

Sinon, essaye avec clip.

-

[Erwan31]

Et puis la police que tu utilises n'est pas présente chez tous tes visiteurs.
Elle est donc remplacée par une autre avant d'être affichée.
Le résultat sera donc de toute façon aléatoire.

+1
ça c'est sûr "Helvetica beue CE75 Bold" ne sera installé sur aucun des OS
N'oublie donc pas de préciser la famille générique (Sans Serif ici) en fin de valeur pour que la police de substitution choisi par le navigateur ne risque pas d'être une police Serif (Times ou autres).

[Bisûnûrs]

De plus il te manque un point-virgule après le nom de la police, donc cette propriété et la suivante, celle de la taille de la police ne sont pas prises en compte.

Et la couleur du texte encore moins, étant donné que tu as remplacé les 0 (zéro) par des O (o majuscule).