Photos en miniature côte à côte

• 

  lucelie · Membre · décembre 28, 2010 at 9:27

  • Copier le lien
  • Ajouter le thème aux favoris

  Encore moi. En fait, j’aimerai pouvoir disposer mes photos en miniature les unes à côté des autres par 3 par exemple.
  Ces miniatures me serviraient de liens vers une page chacune.

  En gros, j’aimerai un peu comme sur ce site là: http://www.letmetellyou.fr/index.php?page=HTML/Presentation

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

• 

  airodyssey · Modérateur · décembre 28, 2010 at 1:16

  • Copier le lien

  Bonjour. Nous avons répondu à cette question il y a environ 2 mois et voici ce qui avait été proposé :

  <table style="border:none;">
  <tbody>
  
  <tr>
  <td style="border:none;">
  <a href="URL-lien" title="titre"><img src="URL-image" width=### height=### style="border:0;"></a>
  </td>
  <td style="border:none;">
  <a href="URL-lien" title="titre"><img src="URL-image" width=### height=### style="border:0;"></a>
  </td>
  <td style="border:none;">
  <a href="URL-lien" title="titre"><img src="URL-image" width=### height=### style="border:0;"></a>
  </td>
  </tr>
  
  </tbody>
  </table>

  Passez en mode HTML et copiez-collez le code ci-dessus, en remplaçant URL-lien, URL-image et ## par les valeurs appropriées. Si vous voulez plus d’une rangée, répétez le code entre <tr> et </tr> inclusivement.

  Je vous aurais proposé une « galerie » mais vous vouliez que les images servent de liens vers d’autres pages/articles.

  J’espère que cela répond à votre question. :-)

  [Mise à jour: code modifié en raison d’un paramètre HTML incorrect]

• 

  lucelie · Membre · décembre 28, 2010 at 1:28

  • Copier le lien

  Je l’avais vu mais l’ennui c’est que je n’arrive pas à supprimer le bordure donc ça fait moche… ça fait mes 2 photos (j’ai pas encore testé avec 3) et les traits gris autour… pourtant le border est à 0…

• 

  airodyssey · Modérateur · décembre 28, 2010 at 1:43

  • Copier le lien

  Désolé, j’avais fait une erreur. Ce n’est pas border=0 mais bien style= »border:none; » qu’il faut mettre.
  Source : http://wpbtips.wordpress.com/2010/06/15/overriding-table-borders/

  J’ai modifié le code ci-dessus. Vous pouvez réessayer.

• 

  lucelie · Membre · décembre 28, 2010 at 1:48

  • Copier le lien

  Ok parfait je vais tester ça je vous tiens au courant :) Merci

• 

  lucelie · Membre · décembre 28, 2010 at 3:18

  • Copier le lien

  C’est parfait merci beaucoup :)

• 

  airodyssey · Modérateur · décembre 28, 2010 at 4:38

  • Copier le lien

  Excellent. J’ai changé le statut pour « réglé » pour vous.