Espace entre 2 images/cellules

Résolu
Bonjour,

J'essai de faire un site web.
J'ai créé un tableau et j'ai inséré 2 images l'une à côté de l'autre, le problème est qu'il y a un espace blanc entre ces 2 images. Comment enlever cet espace blanc ?
Voici le lien où vous voyez l'espace entre les 2 images après le mot "Alsace" en hait de la page.
http://www.weddingbox-alsace.fr/essai3.htm
Configuration: Windows Vista
Firefox 3.0.10

5 réponses

  1. Autant pour moi ce code était déjà mit... Je viens d'aller voir dans ton code source...

    Par contre j'ai identifié ton problème...

    Dans ton premier <td> il y a align="center" il faut mettre align="right"
    1. je vais laisser le véritable auteur du topic te remercier :)
    2. Merci !!! Ca marche, super .

      Sujet clos
  2. Un petit "+" sur les messages qui t'ont aidé peut-être ? Pour ceux qui auraient le même problème que toi...
    1. En fait le vrai problème est qu'il y a des espaces invisible... Moi j'ai donné une astuce rapide pour ne plus voir les espaces, mais il faudrait supprimer les 2 espaces avant l'image du dessous...

      Pour montrer les erreurs ci dessous avec le code source, supprime ce qu'il y a en gras et ton code sera épuré... Ca se voit à 100% que c'est créé avec une application du type DreamWeaver qui permet de créer des pages HTML en partie "graphique" sa ajoute pleins de trucs superflu...

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>Document sans titre</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      </head>
      <style type="text/css">
      body {
      margin : 0;
      padding : 0;
      }
      </style>
      <body>
      <table border="0" cellspacing="0" cellpadding="0" width="917">
      <tr>
      <td width="377" colspan="0" rowspan="2" align="center" valign="top"><img src="images/Titres.jpg" width="377" height="442"><font face="Arial,Helvetica,sans-serif" size="2"> </font></td>
       
      <td height="159" colspan="0"><img src="images/haut2.jpg" width="540" height="159"></tr>

      <tr>
      <td width="540"><p><font face="Arial,Helvetica,sans-serif" size="2"> </font><font color="#800000" face="Arial, Helvetica, sans-serif"><strong>Nous
      vous proposons :</strong></font></p>
      <p><font face="Arial, Helvetica, sans-serif">Pour un mariage inoubliable
      et magique nous avons élaboré pour vous un pack complet
      d'animations :</font></p>
      <p><font face="Arial, Helvetica, sans-serif">- <font color="#990000">Magie</font>
      pendant le repas<br>
      - <font color="#990000">Sculpture de ballons</font> pour les enfants pendant
      l'apéritif<br>

      - <font color="#990000">DJ</font> jusqu'au bout de la nuit<br>
      - Animation <font color="#990000">jeux </font>pendant la soirée<br>
      - <font color="#990000">Film</font> de la journée (DVD mairie et
      église ).</font></p>

      <p><font face="Arial, Helvetica, sans-serif">Tout ceci fait partie de l'offre
      "WeddingBox" que nous vous proposons.</font></p>
      <p><font face="Arial, Helvetica, sans-serif">Une seule personne s'occupe
      de tout !<br>
      </font><font face="Arial, Helvetica, sans-serif">Contactez-nous pour tout
      renseignement ou réservation !</font></p>
      <p><font face="Arial, Helvetica, sans-serif"><br>
      <font color="#990000">Options </font>: Lâcher de colombes à
      la sortie de l'église, spectacle de magie, karaoké</font></p>

      </td>
      </tr>
      <tr>
      <td colspan="2"><font face="Arial,Helvetica,sans-serif" size="2"> </font><font face="Arial,Helvetica,sans-serif" size="2"><img src="images/bas2.jpg" width="915" height="144"></font></td>
      </tr>
      </table>
      </body>
      </html>
      1. Il faut tout simplement mettre l'attribut cellspadding à 0 dans ton tag table.

        Donc
        <table cellspadding="0">

        Si ça fonctionne pas essaye avec cellspacing="0" mais normalement ça ira comme ça :-)
        1. Ca marche pas :s

          comment ça je prends de l'avance ^^"
      2. Bonjour,

        Avez-vous essayé avec un border-width:0px en CSS?
        1. Non je n'ai pas essayé, je ne sais pas comment faire...
        2. @stephane1980De toute manière elle y est déjà, je viens de vérifier. Je vous dis si je trouve

      Discussions similaires

      Espace entre les mots

      8 réponses