Vous n'êtes pas identifié.
Annonce
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook et sur Twitter
#1 11-03-2010 21:24:29
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Un simple tableau (table) sans marges avec des images à l'intérieur
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : 2.9.1
- Version de PHP/MySQL : ???
- Thème utilisé : Freshy2
- Extensions en place :
- Nom de l'hebergeur : OVH
- Adresse du site : www.guillaumemenant.fr
Problème(s) rencontré(s) :Le but est de faire une simple juxtaposition d'images (2*2). Ce code fonctionne très bien directement dans une page html : l'image correspond exactement à la taille de la cellule du tableau et du coup la distance entre les images est identique en horizontal et en vertical. Par contre, quand je l'insère dans un article de mon site/blog qui est sous Wordpress, il me laisse une sorte de marge en dessous de chaque image...
J'ai essayé de bidouiller les CSS mais sans résultat...
J'ai ajouté un "border" pour mieux visualiser le problème mais au final, j'enlèverai ce "border" : http://img297.imageshack.us/img297/891/capturern.png
J'ai ce code :
Code:
- <table style="text-align: left;" border="1" cellspacing="0">... Afficher davantage
- <tbody>
- <tr>
- <td style="height: 270px; width: 405px;"><img style="width: 405px; height: 270px;" src="../wp-content/uploads/Mariage.jpg" alt="" /></td>
- <td style="height: 270px; width: 405px;"><img style="width: 405px; height: 270px;" src="../wp-content/uploads/PortraitStudio.jpg" alt="" /></td>
- </tr>
- <tr>
- <td style="height: 270px; width: 405px;"><img style="width: 405px; height: 270px;" src="../wp-content/uploads/VoyagePaysage.jpg" alt="" /></td>
- <td style="height: 270px; width: 405px;"><img style="width: 405px; height: 270px;" src="../wp-content/uploads/ReportageSpectacle.jpg" alt="" /></td>
- </tr>
- </tbody>
Merci !
Hors ligne
#2 14-03-2010 21:46:08
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Pas de réponse ? Mon sujet n'est peut-être pas placé au bon endroit ?
Hors ligne
#3 15-03-2010 20:38:51
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 383
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Bonsoir
Au lieu de mettre un imprim-écran inutile et donc inutilisable, il serait préférable de mettre le lien vers la page en question et là vous aurez certainement beaucoup plus de chance d'avoir une réponse.
PS : Concernant le code de la table, il manque la balise fermante.
Hors ligne
#4 15-03-2010 21:00:54
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Bonsoir,
Désolé pour l'imprime-écran "inutile" de mon premier message...
Voici donc l'adresse de la page en question : http://www.guillaumemenant.fr/portfolio/
Pour la balise fermante, c'est juste un problème de copier-coller ;-)
Merci d'avance et bonne soirée
Hors ligne
#5 15-03-2010 23:00:37
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 383
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Gizzzmo a écrit:
Voici donc l'adresse de la page en question : http://www.guillaumemenant.fr/portfolio/
Gag ! 
Hors ligne
#6 16-03-2010 08:21:35
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Encore navré, j'avais publié la page en "privé" parce que je ne voulais pas qu'elle apparaisse sur mon site avant d'être terminée (et pensant qu'elle serait quand même accessible à partir de l'adresse que je vous ai donné).
C'est normalement réglé ;-)
Hors ligne
#7 16-03-2010 08:49:23
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 383
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Gizzzmo a écrit:
Encore navré, j'avais publié la page en "privé" parce que je ne voulais pas qu'elle apparaisse sur mon site avant d'être terminée (et pensant qu'elle serait quand même accessible à partir de l'adresse que je vous ai donné).
C'est normalement réglé ;-)
OK
Bon là je suis un peu court pour répondre (je verrai ça en fin d'AM).
Mais sinon le but à atteindre est bien celui-ci ?
Hors ligne
#8 16-03-2010 08:58:24
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
C'est bien ça. Merci de ton aide !
Hors ligne
#9 16-03-2010 17:30:28
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 383
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Gizzzmo a écrit:
C'est bien ça. Merci de ton aide !
Une image c'est bien beau mais ça n'en dit pas plus, hein!
Alors pour faire simple, il suffira de remplacer le code actuel :
<table cellspacing="0" border="1" style="text-align: left;">
par celui-ci :
<table cellspacing="0" border="0" cellpadding="0" style="border-collapse: collapse;">
et dans la feuille de style ajouter :
td img {display:block;}
et ça devrait aller... même s'il y aurait sûrement de quoi nettoyer au niveau des styles internes sur les td mais comme il n'y en a que 4 ce n'est pas très important.
Hors ligne
#10 16-03-2010 19:16:14
- Gizzzmo
- Membre WP
- Date d'inscription: 11-03-2010
- Messages: 6
Re: Un simple tableau (table) sans marges avec des images à l'intérieur
Merci beaucoup, ça fonctionne nickel !
Hors ligne
