Rechercher : dans
Par :

Problème de hauteur de cellule html

Dernière réponse le 24 avr 2009 à 12:39:52 tofraout, le 24 avr 2009 à 11:36:26 
 Signaler ce message aux modérateurs

<gras>Bonjour,
je suis face à un problème et impossible d'y remédier même si je sens que la réponse est toute bête!
je crée actuellement mon site avec kompozer à partir d'une mise en page de tableau et j'ai besoin de cellules de 3 pixels de haut seulement pour placer certaines de mes images. Malheureusement dans l'exemple simplifié avec le code suivant cela ne fonctionne pas.(je voudrais obtenir à partir de ce code l'affichage de deux fois mon image en vertical en 3 pixels par 6 de haut...) je précise que l'image 1.jpg fait 3 par 3 pixels..
j'ai l'impression que les cellules ont une hauteur minimum du au texte..
Merci de votre aide...

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<table style="text-align: left; width: 100px;" border="1"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="undefined" valign="undefined"><img
style="width: 3px; height: 3px;" alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top"></td>
</tr>
<tr>
<td><img style="width: 3px; height: 3px;" alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top"></td>
</tr>
</tbody>
</table>
<br>
</body>
</html>

Configuration: Windows XP
Safari 525.19

Meilleures réponses pour « problème de hauteur de cellule html » dans :
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Connaître la hauteur d'un élément HTML VoirSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML...
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...

1

bulle, le 24 avr 2009 à 11:45:30

Spécifie une hauteur et largeur à tes cellules:

<table width="200" border="1" >
<tr>
<td width="3" height="6"><src img=.../></td>
<td width="3" height="6"><src img=.../></td>
<td width="3" height="6"><src img=.../></td>
</tr>
</table>

Répondre à bulle

2

tofraout, le 24 avr 2009 à 11:50:45

Voici le code modifié, mais rien ne change...les cellules sont toujours trop hautes..elles font plus de 3 pixels de haut..

<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>ssss</title>
</head>
<body>
<table style="text-align: left; width: 100px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="3" width="3"><img
style="width: 3px; height: 3px;" alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top"></td>
</tr>
<tr>
<td height="3" width="3"><img
style="width: 3px; height: 3px;" alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top"></td>
</tr>
</tbody>
</table>
<br>
</body>
</html>

Répondre à tofraout

3

 tofraout, le 24 avr 2009 à 12:39:52

Merci mais ça ne marche pas! j'ai même essayé de donner des valeurs fixes aux td et rien n'y fait.. apparemment la hauteur des cellules reste bloquée au minimum à 20 pixels.
Je ne comprend pas....

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<table style="width: 125px; height: 23px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="3" width="3"><img alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top" height="3" width="3"></td>
</tr>
<tr>
<td height="3" width="3"><img alt=""
src="file:///C:/Documents%20and%20Settings/t/Bureau/1.jpg"
align="top" height="3" width="3"></td>
</tr>
</tbody>
</table>
<br>
</body>
</html>

Répondre à tofraout