Discussion :

[NorthLight]

Bonjour à tous.

J'ai créé des bbcodes personnalisés sur mon forum, notamment quelques boutons images ...
Sauf que j'ai un problème.
Lorsque je regarde sous Tapatalk (appli spéciale mobile pour consulter les forum) un sujet contenant plusieurs mêmes boutons dans la même page avec liens différents, tous les boutons redirigent vers le même lien, soit le dernier de la page ...

Voici le code que j'utilise pour mes boutons :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div style="margin-left: auto;  margin-right: auto; height: auto; width: 350px; padding: 5px;background: -webkit-linear-gradient(#D1EAF1, #D1EAF1);background: -o-linear-gradient(#D1EAF1, #D1EAF1);background: -moz-linear-gradient(#D1EAF1, #D1EAF1);background: linear-gradient(#D1EAF1, #D1EAF1);border: 2px solid #65bad0;border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;">
  <center>
    <table>
      <tr>
        <td>
          <table>
            <tr>
              <td width="235px" valign="top" align="left">
                <div style="margin-left: 0px;  margin-right: auto; height: auto; width: 235px; padding: 5px;background: -webkit-linear-gradient(white, #F3F3F3);background: -o-linear-gradient(white, #F3F3F3);background: -moz-linear-gradient(white, #F3F3F3);background: linear-gradient(white, #F3F3F3);border: 0,3px solid #dddddd;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;">
                  <strong><center ><span style="color: #e85a35">{option}</span></center></strong>
                </div>
              </td>
            </tr>
            <tr>
              <td width="246px" valign="top" align="left">
                <a href="{content}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1424224587-U3.png" alt="CLIQUEZ-ICI" />
                </a>
              </td>
            </tr>
          </table>
        </td>
        <td valign="top" align="left">
          <a href="{content}"><img src="http://api.qrserver.com/v1/create-qr-code/?size=100x100&data={content}" style="margin-bottom: 0px; margin-top: 0px;" alt="" title="" />
          </a>
        </td>
      </tr>
    </table>
</div>

NB : ça me le faire avec n'importe quel bouton image que j'utilise en faisant comme ça :

Code :

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

<a href="......."><img src="........."></a>

Questions :

Qu'est ce que j'ai fait comme bêtise ?? Alors que ça fonctionne nickel via les navigateurs ...

Dois-je utiliser un autre code ? Genre php, javascript ?

Est ce ce satané Tapatalk qui déconne plein tubes ?


A savoir que je débute et que j'apprends seul ...
j'ai besoin d'aide.

Merci d'avance

Edit : j'ai trouvé une piste.
mon problème vient du fait que l'adresse de l'image est toujours la même pour tous mes liens.
J'ai essayé avec deux adresses d'images différentes et là ça fonctionne, j'ai bien deux liens différents ...

Comment puis je régler ce problème ?

[NoSmoking]

Bonjour,
de ce que l'on voit tes liens ciblent la même adresse, <a href="{content}" ...>.

Tu ne connais pas l'usage des feuilles de style ?

[NorthLight]

Le {content} est remplacé par l'adresse qui sera entrée par le membre, vu qu'il s'agit de bbcodes.

Pour la feuille de style, je ne peux pas en utiliser sinon le code css apparaît sous Tapatalk ...
je suis obligé de mettre le style directement ...

Tapatalk c'est l'enfer.