[Réglé] Support de l'utilisationtexte au dessus et en dessous

Forum de support pour toutes les questions concernant l'utilisation de phpBB toutes versions. les problèmes rencontrés lors de manipulations et de la configuration du forum.
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 20 mai 2023, 12:31
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/>
Modifié en dernier par Belgique rammstein le 01 juin 2023, 16:40, modifié 1 fois.
Avatar de Ilya Giron
France Ilya Giron
Boulet
Messages : 37
Enregistré le : 08 janvier 2023
Pays :
France (fr)
France
Contact :

texte au dessus et en dessous

Message par France Ilya Giron » 21 mai 2023, 08:04
rammstein a écrit : 20 mai 2023, 12:31 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.
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 21 mai 2023, 09:14
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
Avatar de cabot
France cabot
Messages : 25
Enregistré le : 13 décembre 2021
Pays :
France (fr)
France
Contact :

texte au dessus et en dessous

Message par France cabot » 21 mai 2023, 14:05
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;
}
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 21 mai 2023, 15:08
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>
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 21 mai 2023, 15:30
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>
Avatar de cabot
France cabot
Messages : 25
Enregistré le : 13 décembre 2021
Pays :
France (fr)
France
Contact :

texte au dessus et en dessous

Message par France cabot » 22 mai 2023, 10:57
Il faut supprimer les sauts de ligne (<br> et /ou </br>).
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 22 mai 2023, 12:37
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>
Avatar de cabot
France cabot
Messages : 25
Enregistré le : 13 décembre 2021
Pays :
France (fr)
France
Contact :

texte au dessus et en dessous

Message par France cabot » 22 mai 2023, 14:22
Il faudrait que je vois le problème en ligne.
Avatar de rammstein
Belgique rammstein
Auteur du sujet
Messages : 113
Enregistré le : 30 décembre 2018
Localisation : Belgique
Pays :
Belgique (be)
Belgique
Contact :

texte au dessus et en dessous

Message par Belgique rammstein » 22 mai 2023, 16:19
ok merci
c'est bien pour un Bloc personnalisé du Board3 Portal
Répondre
  • Membres connectés en temps réel

    🔒 Refermer le panneau des membres connectés