28173 sujets

CSS et mise en forme, CSS3

Bonjour
je fait fasse actuellement a un petit probleme dont je n'arrive pas à trouver la solution.Voila j'ai un tableau contenant trois ligne et trois colonnes.LA premiere colonne contient une cellule etendue sur celle en dessous et enfin la derniere cellule.AInsi la cellule etendue va contenir une image.La derniere cellule de la premiere colonne va contenir un petit texte.Les cellules de la deuxieme et troisieme colonne vont contenir eux aussi du texte.Cependant je cherche a obtenir un affichage a peu pres équivalant au croquis ci dessous mais je n'y arrive que sous firefox en ajoutant dans le style css height:10px.Sous ie j'ai la cellule qui prend la plus d'espace que necessaire en hauteur et qui ne tient donc pas compte du css. Pouvez vous m'aidez?

le croquis se trouve ici http://picasaweb.google.com/tetepoive/Forum

le code:

<table width="218" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100" rowspan="2" align="left" valign="top"><img src="box200.jpg" width="100" height="80" /></td>
            <td width="53" align="left" valign="top" style="padding-bottom:0px; height:10px;"><div style="height:10px">Produit :</div></td>
            <td width="65"align="left" valign="top" ><div style="height:10px;">2 euro</div></td>
          </tr>
          <tr>
            
            <td align="left" valign="top" >Prix : </td>
            <td align="left" valign="top">5 euro</td>
          </tr>
          <tr>
            <td colspan="3">&nbsp;</td>
           
          </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td align="left" valign="top">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>  

Je sais que le code n'est pas propre mais c'est juste pour des essai.J'espere que vous avez compris mon explication.
Modifié par tetepoive (30 Jan 2008 - 20:55)
étant donné la trop grande réactivité je vais essayé de me debrouiller par moi même.Comme on dit, on est jamais mieux servi que par sois même.
je sens comme un reproche.

mais que veux tu un probleme de tableaux c'est pas trés sexy. c'est plus ou moins une technologie dont on essaie de s'abstraire car elle est pénible.

typiquement gérer la taille exacte des cellules sans qu'il decide tous seul de ce redimensionner en fct du contenu est un truc qui me gene dans les tableaux.

je dis pas qu'il y a pas de solution.

mais moi j'ai résolu ce type de problème en faisant en div + css.

sauf justement si j'ai besoin de ce comportement de redimmensionnement.