Espace entre 2 images/cellules
Résolu
stephane1980
-
empty Messages postés 838 Date d'inscription Statut Membre Dernière intervention -
empty Messages postés 838 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Espace entre 2 images/cellules
- Espace insécable - Guide
- Supercopier 2 - Télécharger - Gestion de fichiers
- Espace de stockage gmail plein - Guide
- Fusionner 2 cellules excel - Guide
- Formule excel pour additionner plusieurs cellules - Guide
5 réponses
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"
Par contre j'ai identifié ton problème...
Dans ton premier <td> il y a align="center" il faut mettre align="right"
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>
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>
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 :-)
Donc
<table cellspadding="0">
Si ça fonctionne pas essaye avec cellspacing="0" mais normalement ça ira comme ça :-)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Sujet clos