Problème de hauteur de cellule html;;

Problème de hauteur de cellule html;; - HTML/CSS - Programmation

Marsh Posté le 24-04-2009 à 12:11:37    

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>

Reply

Marsh Posté le 24-04-2009 à 12:11:37   

Reply

Marsh Posté le 24-04-2009 à 12:33:54    

S'il n'y a pas de texte, la cellule ne devrait pas s'adapter à la hauteur d'un texte qui n'existe pas. Le problème doit venir d'ailleurs.
Par ailleurs, la balise <img> a des propriétés width et height et donc cela me parait un peu bizarre de les mettre dans le style. Donc j'aurais :


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

Reply

Marsh Posté le 24-04-2009 à 12:40:32    

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>

Reply

Marsh Posté le 24-04-2009 à 12:51:50    

Le problème vient de la ligne

<table style="width: 125px; height: 23px;" border="0"  

qu'il suffit de remplacer par

<table border="0"


Voici la nouvelle version (que j'ai testée et qui marche)

<html>
<head>  
<meta content="text/html; charset=ISO-8859-1"  
http-equiv="content-type">  
<title></title>  
</head>  
<body>  
<table border="0"
cellpadding="0" cellspacing="0">  
<tbody>  
<tr>  
<td height="3" width="3"><img alt=""  
src="1.jpg"  
align="top" height="3" width="3"></td>  
</tr>  
<tr>  
<td height="3" width="3"><img alt=""  
src="1.jpg"  
align="top" height="3" width="3"></td>  
</tr>  
</tbody>  
</table>  
<br>  
</body>  
</html>

Reply

Marsh Posté le 24-04-2009 à 13:24:43    

Merci beaucoup, mais ayant tjrs le même problème avec ton code.. j'ai essayé différents navigateurs et c'est là que vient le problème!  
sur Ie aucun problème... par contre sur Chrome et firefox, toujours le décalage...
c'est fou ça, ils ne lisent pas le code de la même manière?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed