Supprimer espace "td" HTML

Fermé

arm57 Messages postés 260 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 11 février 2017 - Modifié par arm57 le 5/08/2012 à 13:35
arm57 Messages postés 260 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 11 février 2017 - 5 août 2012 à 14:23

Bonjour,
J'ai rencontré un problème en créant un tableau HTML.

Ce dernier comporte 2 lignes, cependant, je n'arrive pas à supprimer l'espace entre les 3 dernières colonnes.

Voilà le code:

<div style= "background-image: url('http://img37.imageshack.us/img37/1907/feucubismefondsdecrans.jpg');border: 5px solid; color: #623033; border-radius: 0px 20px 0px 20px;"><table><tr><td><div style= "text-shadow: 2px 2px 3px orange; font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; height:150px; width:300px; overflow: auto; border: 4px solid; color: #623033; margin: 2%; padding: 5px; background-color: #B23516;">Gains de lieux</td><td><div style= "text-shadow: 2px 2px 3px orange; font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; height:150px; width:300px; overflow: auto; border: 4px solid; color: #623033; margin: 2%; padding: 5px; background-color: #B23516;">Gains de quêtes</td></tr><tr><td><div style= "text-shadow: 2px 2px 3px orange; font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; height:150px; width:200px; overflow: auto; border: 4px solid; color: #623033; margin: 2%; padding: 5px; background-color: #B23516;">Gains Hors RP</td><td><div style= "text-shadow: 2px 2px 3px orange; font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; height:150px; width:200px; overflow: auto; border: 4px solid; color: #623033; padding: 5px; background-color: #B23516; margin: 2%;">Fragments du cristal maître</td><td><div style= "text-shadow: 2px 2px 3px orange; font-family: Trebuchet MS,Helvetica,Jamrul,sans-serif; height:150px; width:200px; overflow: auto; border: 4px solid; color: #623033; padding: 5px; background-color: #B23516; margin: 2%;">Arme du temple</td></tr></td></div></table></div>

Et voilà l'image du tableau: http://img641.imageshack.us/img641/8311/sanstitre23ko.png

Est-ce que quelqu'un pourrait m'aider à supprimer l'écart?

Merci d'avance

"Les Hommes ne lâchent jamais l'affaire, sauf quand leurs propres vies sont en danger"

A voir également:

Supprimer espace "td" HTML
Espace insécable word - Guide
Supprimer une page word - Guide
Supprimer compte instagram - Guide
Libérer espace gmail - Guide
Comment libérer de l'espace de stockage sans rien supprimer - Accueil - Guide Android

2 réponses

Réponse 1 / 2

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
5 août 2012 à 14:10

Salut,

Je ne crois pas que ça soit possible étant donné que c'est la dimension de la cellule la plus grande comme "référence".

Je vous propose de tout passer par une feuille de style et d'oublier l'utilisation d'un tableau...un exemple :

  <style type="text/css">
#cadre{
background-image: url('http://img37.imageshack.us/img37/1907/feucubismefondsdecrans.jpg');
border: 5px solid; color: #623033; border-radius: 0px 20px 0px 20px;
overflow:auto;
}
.div1{
border:1px solid green;
width:200px;
float:left;
margin:5px;
}
br{
clear:left;
}
.div2{
border:1px solid red;
width:200px;
float:left;
margin:5px;
}
  </style>

<div id="cadre">
<div class="div1">***</div>
<div class="div1">***</div>
<div class="div1">***</div>
<br/>
<div class="div2">***</div>
<div class="div2">***</div>
<div class="div2">***</div>
</div>

Réponse 2 / 2

arm57 Messages postés 260 Date d'inscription mardi 21 juillet 2009 Statut Membre Dernière intervention 11 février 2017 41
5 août 2012 à 14:23

Merci beaucoup! Mon problème est résolu!

Discussions similaires

Espace en HTML

comment donner les droits sur fichier partage