[Réglé] Support de l'utilisation ⇒ texte au dessus et en dessous

[rammstein]

bonjour

j'ai une demande comment je pourrais mettre un texte au dessus et en dessous j'ai beau essayer le br mais ça marche pas
c'est dans un bloc du Board3 Portal j'arrive à faire défiler les images mais j'arrive pas à mettre un texte au dessus et en dessous de l'images

<a href="https://wawa-rammstein.de/viewtopic.php?t=7018">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a>

<a href="https://wawa-rammstein.de/viewtopic.php?t=6993">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 ENTREPRISE 22H2 Build (22621.1708) X64 FR & Microsoft Office 2016-2021 Pro Plus v2304 build (16327.20248) X64 FR TEAM MAJOR" height="150" width="110"></a>

<a href="https://wawa-rammstein.de/viewtopic.php?p=20275#p20275">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 PRO 22H2 Build (22621.1708) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a>

je prend un exemple

système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=7018">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a><br>
par : TEAM MAJOR<br/>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=6993">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 ENTREPRISE 22H2 Build (22621.1708) X64 FR & Microsoft Office 2016-2021 Pro Plus v2304 build (16327.20248) X64 FR TEAM MAJOR" height="150" width="110"></a>
par : TEAM MAJOR<br/>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?p=20275#p20275">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 PRO 22H2 Build (22621.1708) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a>
par : TEAM MAJOR<br/>

[Ilya Giron]

système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=7018">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a><br>
par : TEAM MAJOR<br/>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=6993">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 ENTREPRISE 22H2 Build (22621.1708) X64 FR & Microsoft Office 2016-2021 Pro Plus v2304 build (16327.20248) X64 FR TEAM MAJOR" height="150" width="110"></a>
par : TEAM MAJOR<br/>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?p=20275#p20275">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 PRO 22H2 Build (22621.1708) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a>
par : TEAM MAJOR<br/>

Dans ce code ci-dessus vous oubliez des balises <br>, je vous laisse ici le code modifié

code : Tout sélectionner

système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=7018">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a><br>
par : TEAM MAJOR<br/><br>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?t=6993">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 ENTREPRISE 22H2 Build (22621.1708) X64 FR & Microsoft Office 2016-2021 Pro Plus v2304 build (16327.20248) X64 FR TEAM MAJOR" height="150" width="110"></a><br>
par : TEAM MAJOR<br><br>
système<br>
<a href="https://wawa-rammstein.de/viewtopic.php?p=20275#p20275">
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png"title="WINDOWS 11 PRO 22H2 Build (22621.1708) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></a><br>
par : TEAM MAJOR<br><br>

Voici un aperçu du fichier HTML

balise br.png

Pour info, dans votre code vous avez des balises br renseignées ainsi <br/>, ceci n'est plus conforme, le slash est à supprimer.

[rammstein]

bonjour Ilya Giron

merci pour votre réponse oui comme ça sa marche dans mon forum je fais défiler mes images en ligne pas en colonne

[cabot]

Hello,

Tout simplement :

code : Tout sélectionner

<a class="sushi-link" href="">
    système
    <img src="" title="" height="150" width="110">
    par : TEAM MAJOR
</a>

code : Tout sélectionner

.sushi-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

[rammstein]

bonjour cabot

je viens de essayer votre code mais ça marche pas
pour le code css je et mis dans le portal.css

<marquee BEHAVIOR="alternate" behavior="scroll" direction="left"SCROLLAMOUNT="2" onmouseover="this.stop();" onmouseleave="this.start();">


<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018">
système<br>
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"><br>
par : TEAM MAJOR
</a><br/>
<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018"><br>
système<br>
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></br>
par : TEAM MAJOR</br>
</a>
</marquee>

[rammstein]

bonjour cabot

je viens de essayer votre code mais pour le texte au dessus et en dessous c'est ok mais ça défile en colonne ça dois être en file indien comme on dit
pour le code css je et mis dans le portal.css

<marquee BEHAVIOR="alternate" behavior="scroll" direction="left"SCROLLAMOUNT="2" onmouseover="this.stop();" onmouseleave="this.start();">


<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018">
système<br>
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"><br>
par : TEAM MAJOR
</a><br/>
<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018"><br>
système<br>
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110"></br>
par : TEAM MAJOR</br>
</a>
</marquee>

[cabot]

Il faut supprimer les sauts de ligne (<br> et /ou </br>).

[rammstein]

bonjour
je viens de supprimer le code <br></br>
j'ai maintenant le texte sur le coté

pour le code css il faut bien mettre dans le css du portal.css ?

<marquee BEHAVIOR="alternate" behavior="scroll" direction="left"SCROLLAMOUNT="2" onmouseover="this.stop();" onmouseleave="this.start();">

<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018">
système
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110">
par: Tean Major</a>

<a class="sushi-link" href="https://wawa-rammstein.de/viewtopic.php?t=7018">
système
<img src="https://wawa-rammstein.de/ext/dmzx/imageupload/img-files/528/f97fae4/725b60c/844571b46c0e95cb4c34895f600ebef5.png" title="WINDOWS 10 PRO 22H2 Build (19045.2965 ) X64 FR 3en1 TEAM MAJOR" height="150" width="110">
par: Tean Major</a>
</marquee>

[cabot]

Il faudrait que je vois le problème en ligne.

[rammstein]

ok merci
c'est bien pour un Bloc personnalisé du Board3 Portal