Micro.Info • Consulter le sujet - Hauteur de cellule en html ne fonctionne pas

Consulter les messages sans réponse | Consulter les sujets actifs

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Hauteur de cellule en html ne fonctionne pas

Modérateur: Membres de 640kb

Page 1 sur 1

[ 11 message(s) ]

Sujet précédent | Sujet suivant

Auteur

Message

bambam

Sujet du message: Hauteur de cellule en html ne fonctionne pas

Publié: 12 Sep 2004, 13:30

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Bonjour
je tente de forcer la hauteur d<une cellule dans un tableau mais le parametre height au tag td ne semble pas fonctionner. Est-ce que quelqu<un pourrais me dire pourquoi je n'arrive pas à réduire la hauteur de ma cellule

Exemple

<table border=1 cellspacing=0 cellpadding=0>
<tr>
<td height="20"><span class=mois>S</td>
</tr>
</table>

Haut

Procyon

Sujet du message:

Publié: 12 Sep 2004, 13:52

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

Utilises les styles CSS.

Et n'oublie pas que dans de nombreuses implémentations, les cellules ne sont dessinées que si elle contiennent quelque chose. Ici dans mon exemple je met un espace.

<table><tr><td style="height:20px;"> </td></tr></table>

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

bambam

Sujet du message:

Publié: 12 Sep 2004, 14:15

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Ok ca semble fonctionner
par contre j'ai toujours un problème
j'ai mis une grosse lettre dans la cellule (environ font-size: 76pt)
La lettre fait environ 2 cm de haut à l'écran

Par contre la cellule fait quand meme 4 cm de haut et
je voudrais que ma cellule soit plus petite mais il semble que la hauteur de la lettre que je mets dans la cellule bloque ma hauteur minumum

Mais Il y a quand meme un espace de pres d'un cm au dessus et 1 en dessous de la lettre dans la cellule.

Est-ce qu'il y a moyen de réduire quand meme la taille de la cellule ?

Merci

Haut

François Bousquet

Sujet du message:

Publié: 12 Sep 2004, 14:56

Modérateur

Inscription : 09 Sep 2002, 12:54
Message(s) : 4121

Défini ton tableau de cette façon :

Code :

<table cellspacing="0" cellpadding="0">

<td height="20">Patate</td>

</table>

Haut

Stef514

Sujet du message:

Publié: 12 Sep 2004, 15:12

Régulier

Inscription : 02 Juin 2003, 01:38
Message(s) : 294
Localisation : Montréal

Ishan a écrit:

Défini ton tableau de cette façon :

Code :

<table cellspacing="0" cellpadding="0">

<td height="20">Patate</td>

</table>

Salut !

Est-ce que ca marche seulement avec le mot Patate ??!! :wink:

Héhéhé... Désolé...

Stef

Haut

bambam

Sujet du message:

Publié: 12 Sep 2004, 21:58

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Ok , j'avais deja les valuer de cellpadding et cellspacing a 0
et j'ai quand meme un gros espace au dessus et en dessous des caractere

regarde si tu fais un tableau et que tu mets dans chaque ligne du tableau
une lettre de patate pour faire ceci :

P
a
t
a
t
e

en utilisant les propriétés suivantes pour les caractères dans mon css
font-family: Times New Roman;
font-size: 76pt

Ca donne des lettres tres grosses mais vraiment trop espacé sur la verticale

Si vous avez une solution n'hesitez pas

Haut

Stephen

Sujet du message:

Publié: 13 Sep 2004, 04:51

Occasionnel

Inscription : 17 Août 2002, 09:24
Message(s) : 200

Voici le genre de code que j'utilise et tu ne devrais plus avoir ce probleme d'ESPACE' .

Code :

<style type="text/css">
  <!--   
   .cell1 {
     border-top: 1px #FFFFFF solid;
     border-left: 1px #FFFFFF solid; 
     border-right: 1px #FFFFFF solid; 
     border-bottom: 1px #FFFFFF solid;
     font-family: VERDANA; color: #000000;
     font-size: 9pt; 
     font-weight: normal;  
   }
   .table1 {
     font-size: 9pt; 
     font-weight: normal;  
   }


       -->
  </style>

Utilise class="cell1" pour tes <TD> et class="table1" pour ta table complete.

Utilise des "" apres tes =.

Essais cela ca devrait fonctionner

Haut

bambam

Sujet du message:

Publié: 13 Sep 2004, 12:52

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Selon toi c'est les lignes suivantes qui feront la différence ?

Code :

     border-top: 1px #FFFFFF solid; 
     border-left: 1px #FFFFFF solid;
     border-right: 1px #FFFFFF solid;
     border-bottom: 1px #FFFFFF solid; 

Haut

bambam

Sujet du message:

Publié: 13 Sep 2004, 18:36

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Ok voici le code que j'ai mis pour un test et ca ne fonctionne toujours pas
Pouvez-vous m'aider à coller davantage les lettres

Vous pouvez faire un cut and paste de ce code dans note pad pour voir le résultat dans un browser

Merci de bien vouloir m'aider

Code :

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
</head>
<body>

<style type="text/css">
  <!--   
   .cell1 {
     border-top: 1px #FFFFFF solid;
     border-left: 1px #FFFFFF solid;
     border-right: 1px #FFFFFF solid;
     border-bottom: 1px #FFFFFF solid;
     font-family: VERDANA; color: #000000;
     font-size: 9pt;
     font-weight: normal; 
   }
   .table1 {
     font-size: 9pt;
     font-weight: normal; 
   }

   .mega {
       font-family: Times New Roman;
       font-size: 76pt
   }
       -->
  </style> 

<table class="table1" border=0 cellspacing=0 cellpadding=0>
   <tr>
      <td class="cell1"><span class=mega>P</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>a</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>t</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>a</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>t</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>e</td>
   </tr>

<table>

</body>
</html>

Haut

Jesus137

Sujet du message:

Publié: 14 Sep 2004, 08:58

Occasionnel

Inscription : 26 Août 2003, 10:15
Message(s) : 210
Localisation : ------------- un peu plus a gauche..... un peu plus a droite....... aahhhhhh oui c'est ca.....

Vous pourriez toujours utiliser la propriété line-height.

line-height: 75px;

mais, c'est absolu.
il y aura plus d'espace entre le "a" et la lettre suivante qu'avec le "t", parce que cette dernière lettre est plus élevé.

Code :

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
</head>
<body>

<style type="text/css">
  <!--   
   .cell1 {
     border-top: 1px #FFFFFF solid;
     border-left: 1px #FFFFFF solid;
     border-right: 1px #FFFFFF solid;
     border-bottom: 1px #FFFFFF solid;
     font-family: VERDANA; color: #000000;
     font-size: 9pt;
     font-weight: normal; 
     line-height: 75px;

   }
   .table1 {
     font-size: 9pt;
     font-weight: normal; 
   }

   .mega {
       font-family: Times New Roman;
       font-size: 76pt
   }
       -->
  </style> 

<table class="table1" border=0 cellspacing=0 cellpadding=0>
   <tr>
      <td class="cell1"><span class=mega>P</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>a</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>t</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>a</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>t</td>
   </tr>
   <tr>
      <td class="cell1"><span class=mega>e</td>
   </tr>

<table>

</body>
</html>

[/quote]

Haut

bambam

Sujet du message:

Publié: 14 Sep 2004, 12:32

A réponse à tout!

Inscription : 18 Nov 2002, 13:24
Message(s) : 3079
Localisation : Québec

Ok merci je vais essayer ceci

Haut

Page 1 sur 1

[ 11 message(s) ]

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité

Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum