Positionner mes photos par paquets de 4 sous forme de carré

  • geraldriera · Membre ·

    Bonjour,
    Je voudrais mettre mes photos, en paquets de deux ou de quatre ( un carré) sans pour autant que le texte vienne s’intercaler entre les photos,ni à droite, ni à gauche, et je n’ai pas trouvé la solution.
    Les photos sont décalées, par rapport au texte. Ce que je veux c’est faire un carré de 4 photos avec le texte en dessous ou au dessus, mais pas sur le côté. Quelqu’un a-t-il été confronté à ce genre de mise en page. Merci à celles et ceux qui pourront me donner la solution.
    Gérald

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • airodyssey · Modérateur ·

    Bonjour Gérald. Est-ce qu’une galerie à deux colonnes pourrait faire l’affaire?
    https://fr.forums.wordpress.com/topic/creer-une-galerie?replies=4

    J’espère que ce lien pourra vous aider. Sinon, donnez des précisions SVP. Bonne continuation :-)

  • geraldriera · Membre ·

    Merci, de cette réponse, mais je n’ai pas trouvé mon bonheur. J’ai déjà utilisé « galerie », bof, çà ne correspondait pas à ce que je voulais. C’est çà que je veux faire :
    http://lesotlylaisse.over-blog.com/article-nettoyer-des-coquilles-saint-jacques-en-images-59806702.html

  • khyzo · Membre ·

    Je pense, tout simplement, pour ma part, que la personne qui traite des coquilles Saint-Jacques (charmant sujet !) a tout simplement passé du temps à redimensionner ses photos pour qu’elle rentre côté à côte. Il faut alors juger de la taille de votre colonne centrale pour ainsi juger de la largeur de vos photos. Mais peut-être avez vous déjà essayé cette méthode et c’est pour cela que vous êtes là !

    Bon courage dans votre prospection !

  • airodyssey · Modérateur ·

    Gérald, je viens de regarder le code source du blogue que vous avez cité et la personne a utilisé un tableau pour en arriver à ce résultat. Cela prendrait un peu de manipulation sous l’onglet HTML, comme vous allez voir :

    <table border="0">
    <tbody>
    <tr>
    <td>
    <img src="URL" width=### height=###>
    </td>
    <td>
    <img src="URL" width=### height=###>
    </td>
    </tr>
    <tr>
    <td>
    <img src="URL" width=### height=###>
    </td>
    <td>
    <img src="URL" width=### height=###>
    </td>
    </tr>
    </tbody>
    </table>

    Dans l’exemple, remplacez les endroits indiqués « URL » et « ### » par l’URL de votre image (vous le trouverez en consultant les données de l’image en question dans votre bibliothèque) et les dimensions de l’image.

    Vous trouverez, en fouillant un peu dans Google, quelques bons tutoriels sur le HTML et sur les tableaux, qui vous aideront à peaufiner le tout. Bon succès :-)

  • airodyssey · Modérateur ·

    Une dernière chose : avant de vous aventurer dans le HTML, allez à Tableau de bord > Réglages > Écriture et assurez-vous que la case « WordPress doit automatiquement corriger les balises XHTML non valides » est cochée.

  • geraldriera · Membre ·

    Khyzo,
    Bonjour, je n’ai pas bien compris votre réponse. Enfin, du moins je crois que vous pensez que les photos de Christophe sur son blog ont été redimensionnées, chose que je n’ai pas faite.
    Ceci dit, nous n’avons pas le même hébergeur, lui « over blog », moi wordpress. Sur le site comme le mentionne airodyssey, je peux moyennant une « manipulation » faire un essai pour avoir la même présentation.
    Merci, Airodyssey, pour ces renseignements
    Gérald

  • Le sujet ‘Positionner mes photos par paquets de 4 sous forme de carré’ est fermé aux nouvelles réponses.