Discussion :

[TheFlow]

Bonjour à tous,

Je ne suis qu'un néophyte qui s'est aventuré dans la tanière des experts.
Pouvez-vous me passer un petit coup de main svp. Je souhaite intégrer une balise HTML sur mon blog afin d'insérer un lien sexy vers un album photo picasa.

Ce code me permet d'avoir une la couverture de mon album et son titre centré juste en dessous :

Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table style="width:194px;">
  <tr>
    <td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/tran...background.gif) no-repeat left">
      <a href="LIEN VERS LA PAGE">
        <img src="LIEN VERS JPG" width="160" height="160" style="margin:1px 0 0 4px;">
      </a>
    </td>
  </tr>
  <tr>
    <td style="text-align:center;font-family:arial,sans-serif;font-size:11px">
      <a href="AUTRE LIEN" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">Portraits</a>
    </td>
  </tr>
</table>

Je souhaite insérer plusieurs vignettes sur une même page. Le souci rencontré avec ce code, c'est qu'il me force un retour à la ligne après chaque vignette. Du coup, je ne peux pas mettre plusieurs vignettes à la suite sur une même ligne.

Pouvez-vous me venir en aide ?

Merci beaucoup !!

[psylox]

Salut,

Utilise les balises [code] plutot que [quote] lorsque tu veux insérer du html dans ton message.
Bref.

Il te faut mettre plusieurs balises <td> à la suite pour placer plusieurs vignettes les unes à la suite des autres.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table>
    <tr>
        <td><a href=""><img src="" alt="vignette A1"/></a></td>
        <td><a href=""><img src="" alt="vignette A2"/></a></td>
        <td><a href=""><img src="" alt="vignette A3"/></a></td>
    </tr>
    <tr>
        <td><a href=""><img src="" alt="vignette B1"/></a></td>
        <td><a href=""><img src="" alt="vignette B2"/></a></td>
        <td><a href=""><img src="" alt="vignette B3"/></a></td>
    </tr>
</table>

Ce qui te donnera :
première ligne: A1 A2 A3
seconde ligne: B1 B2 B3

[TheFlow]

Merci de ta réponse. J'ai essayé de la mettre en place, ça n'avait pourtant pas l'air compliqué. Comme le code généré par Picasa impose l'incrustation d'un arrière plan, ça faisait buger l'ensemble du tableau.

Du coup, je me suis fait un tableau perso en HTML avec mes vignettes et mes liens...