Discussion :

[cortex024]

Bonjour,

j'ai envie de faire un tableau avec des cellules petites en hauteur...
juste pour y mettre une image de 6 px de hauteur.

Je défini mon tableau normalement (dreamwaver), mais lorsque je veux assigner une taille de 6, la case ne se reduit pas...

Lorsque j'essaie en mode graphique avec le curseur, la case ne veut pas se reduire plus petite que 23px...

Comment faire?

pourtant la définition de mon tableau est tout ce qu'il y a de plus classique

[MasterOfChakhaL]

il va certainement falloir jouer avec css.
tu peux définir ton image via l'attribut css background-image.

Sachant que les tableaux réserveront une hauteur pour au moins une ligne de texte, tu peux aussi essayer de jeter un oeil a la propriété css line-height.

J'ai un peu la flemme de chercher a cette heure-ci, mais je suis a peu près sur que le sujet a déjà été abordé ici (forum html ou forum css...). Je te laisse faire tes propres recherches...

[roudoudouduo]

Je pense que le soucis vient en partie de l'utilisation de dreamweaver car les générateurs de code crée souvent une grande quantité de code illisible alors qu'un code du type :

Code HTML :

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

1
2
3
4
5
6
 
<table style="width: 500px; margin: 0px; padding: 0px">
   <tr>
      <td style="height: 6px"><img style=" margin: 0px; padding: 0px" src="chemin" alt=""></td>
   </tr>
</table>

doit marcher sur pas mal de navigateur (toutefois je pense que tu devras faire une recherche. Un autre conseil : puisque tu ne le précises pas tu dois faire tes tests uniquement sur un navigateur : hors les internautes en utilise de nombreux différents. Actuellement un site ne peut pas se permettre de ne pas fonctionner avec IE et FF. C'est juste un conseil que je te donne

[cortex024]

ok, merci pour vos réponses je vais tester tout ca tantot....

oui pour les tests avec différents navigateurs, je n'en suis pas à mon premier site mais ca fait un petit temps, faut que je me remette dans le bain...

je teste toujours avec 2,3,4 navigateurs suivant ma motivation, mais de toute facon avec IE et FF.

[Bisûnûrs]

Q : Pourquoi sur IE6 j'ai un espace en-dessous de mon div alors que je lui ai spécifié une hauteur ?

R : Ce problème survient quand vous avez spécifié une hauteur inférieure à 20px à votre div.
En effet, IE6 alloue automatiquement l'espace nécessaire à un texte éventuel.
Donc quand vous avez

Code HTML :

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

<div style="height:10px"></div>

IE6 allouera quand même 20px de hauteur alors que les autres navigateurs appliqueront bien les 10px.

L'astuce est donc d'agir sur la hauteur de la ligne et la taille éventuelles de texte :

Code HTML :

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

<div style="height:10px;line-height:10px;font-size:2px"></div>

Je suppose que ça s'applique donc également pour les cellules d'un tableau.

[cortex024]

Voila,

j'ai réussi, avec la propriété "line-height" d'une classe...


petit problème toujours avec ces tailles de cellules, maintenant c'est en largeur...

j'ai un tableau défini en largeur: 800px.

en hauteur 30px, avec des images de 30px de hauteur aussi...
grace au "line-height" du css, je n'ai plus la bande blanche en dessous des images, mais c'est aussi en largeur que j'ai une bande à gauche à à droite de l'image dans la cellule...

j'essaie de définir la largeur de la cellule mais rien n'y fait...

y a t il une propriété pour enlever ces bandes sur les cotés?

merci

[Bisûnûrs]

Code HTML :

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

style="display:block"

à tes images.