Supprimer espace "td" HTML
arm57
Messages postés
260
Date d'inscription
Statut
Membre
Dernière intervention
-
arm57 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
arm57 Messages postés 260 Date d'inscription Statut Membre Dernière intervention -
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:
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"
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
- Supprimer rond bleu whatsapp - Guide
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Supprimer une page word - Guide
- Supprimer pub youtube - Accueil - Streaming
2 réponses
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 :
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>
