Partage
  • Partager sur Facebook
  • Partager sur Twitter

pbl tableau - image - ie

    10 mars 2006 à 14:15:16

    Bonjour,

    Je voudrais créer un tableau avec en première ligne le titre.
    Sur la 2ème ligne, je voudrais 3 colonnes.
    1ère colonne : du texte (20% de l'écran)
    2ème colonne : une image (60% de l'écran)
    3ème colonne : du texte (20% de l'écran)

    Voici mon prog:
    <div class="table">
    <table>
    <tr>
    <td colspan="5"><a href="/jorkyball/presentation.php">Présentation du jorkyball</a><br /><br /><br /></td>
    </tr>
    <tr>
    <td><a href="/jorkyball/regles.php">Règles du jeu</a></td>
    <td colspan="3"><img src="/jorkyball/images/index/terrain_jorkyball.jpg" alt="terrain de jorkyball" width="100%" height="100%"></td>
    <td><a href="/jorkyball/equipe.php">Notre équipe</a></td>
    </tr>
    </table>
    </div>

    Source css:
    .table
    {
    }

    .table td
    {
    border: 1px solid black;
    width: 20%;
    color: rgb(221,12,12);
    text-align: center;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size:1.5em;
    margin-bottom: 20px;
    margin:auto;
    }

    Voila.
    Donc j'obtiens exactement ce que je veux avec FF.
    Mais avec IE, il ne prend pas en compte les 20% pour chaque colonne.
    De plus, mon image est très très grande. Avec FF cette image se cale dans les limites de mon cadre, donc, c'est bon. Mais avec IE, le cadre s'agrandit de la taille de l'image, donc j'obtiens un cadre qui dépasse largement l'écran.

    Merci pour vos réponses.
    • Partager sur Facebook
    • Partager sur Twitter
      10 mars 2006 à 14:45:37

      Salut,

      tu peut donnee une dimenssion a ton image!
      @+
      • Partager sur Facebook
      • Partager sur Twitter
        10 mars 2006 à 14:52:07

        Oui mais en fait je voudrais que mon image occupe toute la taille de la cellule dans laquelle elle est située. Je ne veux pas lui donner une taille fixe.

        Qqn sait pourquoi IE ne prend pas en compte mes 20% pour chaque colonne.

        Merci
        • Partager sur Facebook
        • Partager sur Twitter
          10 mars 2006 à 15:31:31

          Salut plutot que de definir la taille de ton tableau dans le css
          fait comme ca
          <div class="table">
          <table width="100%" height="100%"  border="1" cellspacing="0" cellpadding="0">
          <tr>
          <td colspan="5"><a href="/jorkyball/presentation.php">Présentation du jorkyball</a><br /><br /><br /></td>
          </tr>
          <tr>
          <td width="20%"><a href="/jorkyball/regles.php">Règles du jeu</a></td>
          <td colspan="60%"><img src="/jorkyball/images/index/terrain_jorkyball.jpg" alt="terrain de jorkyball" width="100%" height="100%"></td>
          <td width="20%"><a href="/jorkyball/equipe.php">Notre équipe</a></td>
          </tr>
          </table>
          </div>

          CELA DEVRAIT RESOUDRE TON SOUCIS
          • Partager sur Facebook
          • Partager sur Twitter
            10 mars 2006 à 16:16:41

            Bon sous FF tjs pas de soucis.
            Mais sur IE, je comprends plus rien là. Dès fois ça me mets toujours mon image trop grande et quand je rafraichis la page elle devient presque normale (juste un peu allongée en hauteur). Et quand je rafraichis à nouveau elle redevient grande !
            C'est étrange quand même.
            • Partager sur Facebook
            • Partager sur Twitter
              10 mars 2006 à 16:21:19

              a tu moyen de nous filer un lien avec le tous pour qu ont puisse mieux voir please
              • Partager sur Facebook
              • Partager sur Twitter
                10 mars 2006 à 16:28:40


                <div class="table">
                <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
                <tr>
                <td colspan="100%"><a href="/jorkyball/presentation.php">Présentation du jorkyball</a><br /><br /><br /></td>
                </tr>
                <tr>
                <td width="20%"><a href="/jorkyball/regles.php">Règles du jeu</a></td>
                <td colspan="60%"><img src="/jorkyball/images/index/terrain_jorkyball.jpg" alt="terrain de jorkyball" width="100%" height="100%"></td>
                <td width="20%"><a href="/jorkyball/equipe.php">Notre équipe</a></td>
                </tr>
                </table>
                </div>



                .table
                {
                }

                .table td
                {
                        border: 1px solid black;
                        color: rgb(2211212);
                        text–align: center;
                        font–family: Arial‚ "Arial Black""Times New Roman"‚ Times‚ serif;
                        fontsize:1.5em;
                        marginbottom: 20px;
                }


                Lien pour voir mon site
                • Partager sur Facebook
                • Partager sur Twitter
                  10 mars 2006 à 16:53:37

                  chez moi tous fonctionne pareil aussi bien sous FF que IE par contre reduit la dimension de ton image car 2272*1704 soit 2116.76 Ko ca fait lourd de plus tu n aura jamais un ecran de cette taille et je pense que peut de monde l auron
                  par contre je pense que si tu la reduit de 800*600 je pense que cela irais tres bien allez tchao et bon courrage
                  • Partager sur Facebook
                  • Partager sur Twitter
                    11 mars 2006 à 13:54:53

                    Chez moi, ça s'affiche pas exactement pareil. Mon image est allongée en hauteur avec IE.
                    Je voulais savoir si s'était possible de dire que la hauteur de mon image corresponde à 3/4 de la largeur de mon image (car la largeur s'affiche correctement). Cele éviterait que mon image s'étende en hauteur et soit donc déformée.

                    Merci
                    • Partager sur Facebook
                    • Partager sur Twitter

                    pbl tableau - image - ie

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur
                    • Markdown