Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Bouton en htlm
  • Bonjour, 

    Je souhaiterai insérer des boutons afin d'être redirigé vers une page externe . 
    En htlm sur la page de mon blog, no soucis . 

    Mais quel est la syntaxe pour que les boutons se trouve les un à cotés des autres ? 

    exemple : 
    BOUTON 1              BOUTON 2          BOUTON 3               etc etc 

    Que faut il mettre entre les scripts relatifs aux boutons ? 

    Voila voila . 
  • Bonjour

    il y a la solution de faire un tableau: 1 ligne 4 colonnes par exemple pour 4 boutons sur la même ligne.


  • Merci Mehdi , j'ai trouvé une autre option . Je suis passé par les liens . 

    Humm pti détail, 
    je coince sur une synthaxe la , un truc pas compliqué en plus . 
    J'arrive pas a centrer mes deux widgets dans mon module HTLM 2 ( ES1 ET NQ1 )

    Tant sur les cotés, qu'en hauteur . Je ne sais pas je dois oublier un truc . 
    Voila les deux widgets 

    <!-- TradingView Widget BEGIN -->


    <div
    class="tradingview-widget-container">


    <div
    class="tradingview-widget-container__widget"></div>


    <div
    class="tradingview-widget-copyright"><a
    href="https://www.tradingview.com/symbols/CME_MINI-ES1!/"
    rel="noopener" target="_blank"><span
    class="blue-text">ES1! Quotes</span></a> by
    TradingView</div>


    <script type="text/javascript"
    src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
    async>


    {


    "symbol": "CME_MINI:ES1!",


    "width": "275",


    "height": "200",


    "locale": "en",


    "dateRange": "1d",


    "colorTheme": "dark",


    "trendLineColor":
    "rgba(255, 255, 255, 1)",


    "underLineColor":
    "rgba(203, 203, 203, 0.15)",


    "isTransparent": false,


    "autosize": false,


    "largeChartUrl": ""


    }


    </script>


    </div>


    <!-- TradingView Widget END -->





    <p>&nbsp;</p>





    <!-- TradingView Widget BEGIN -->


    <div
    class="tradingview-widget-container">


    <div
    class="tradingview-widget-container__widget"></div>


    <div
    class="tradingview-widget-copyright"><a
    href="https://www.tradingview.com/symbols/CME_MINI-NQ1!/"
    rel="noopener" target="_blank"><span
    class="blue-text">NQ1! Quotes</span></a> by
    TradingView</div>


    <script type="text/javascript"
    src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
    async>


    {


    "symbol": "CME_MINI:NQ1!",


    "width": "275",


    "height": 200,


    "locale": "en",


    "dateRange": "1d",


    "colorTheme": "dark",


    "trendLineColor":
    "rgba(255, 255, 255, 1)",


    "underLineColor": "rgba(55,
    166, 239, 0.15)",


    "isTransparent": false,


    "autosize": false,


    "largeChartUrl": ""


    }


    </script>


    </div>


    <!-- TradingView Widget END -->


    c'est censé pas être compliqué pourtant . 

    Mais bon . 



  • Bonjour

    ajoute au début de chaque code

    <p style="text-align: center;">


  • héllo, c'est bien ce que j'ai essayé, mais il reste collé ? 

    Voila avec le " align center " 

    <!-- TradingView Widget BEGIN -->


    <p style="text-align:
    center;">&nbsp;</p>





    <div
    class="tradingview-widget-container">


    <div
    class="tradingview-widget-container__widget">&nbsp;</div>





    <div
    class="tradingview-widget-copyright">&nbsp;</div>


    <script type="text/javascript"
    src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
    async>


    {


    "symbol": "CME_MINI:ES1!",


    "width": "275",


    "height": "210",


    "locale": "en",


    "dateRange": "1d",


    "colorTheme": "dark",


    "trendLineColor":
    "rgba(255, 255, 255, 1)",


    "underLineColor":
    "rgba(203, 203, 203, 0.15)",


    "isTransparent": false,


    "autosize": false,


    "largeChartUrl": ""


    }


    </script></div>


    <!-- TradingView Widget END -->





    <p>&nbsp;</p>








    <!-- TradingView Widget BEGIN -->





    <p style="text-align:
    center;">&nbsp;</p>





    <div
    class="tradingview-widget-container">


    <div
    class="tradingview-widget-container__widget">&nbsp;</div>





    <div
    class="tradingview-widget-copyright">&nbsp;</div>


    <script type="text/javascript"
    src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js"
    async>


    {


    "symbol": "CME_MINI:NQ1!",


    "width": "275",


    "height": 210,


    "locale": "en",


    "dateRange": "1d",


    "colorTheme": "dark",


    "trendLineColor":
    "rgba(255, 255, 255, 1)",


    "underLineColor": "rgba(55,
    166, 239, 0.15)",


    "isTransparent": false,


    "autosize": false,


    "largeChartUrl": ""


    }


    </script></div>


    <!-- TradingView Widget END -->





  • <p style="text-align:
    center;">&nbsp;</p>


    &nbsp;</p>  c'est en trop


  • Re
    je suis creuvé la, il est minuit par ici . 
    Je réattaque demain . 

    J'ai fais comme tu as dis , rien a faire  .
    Je comprend pas .
    Je met bien <p style="text-align:
    center;">

    puis je vais verifier sur le site, donc les widgets toujours collés.
    Je ré ouvre la page htlm, et le &nbsp;</p>  est toujours la .
    Il réapparait a chaque fois. Tu le vire mais il reviens tout seul . 

    besoin de tes lumières la :) 

    a demain . 



  • met le code du widget sur ton bloc note, tu ajoute le center.......puis tu remet  tout dans le module


  • re, 

    y a rien a faire , il reste collé sur la gauche . 
    J'ai tout essayé, tout effacé, tout recommencé;

    j'ai essayé je ne sais pas combien de syntaxe, rien a faire, il reste scotché a gauche . 
    Je vois plus quoi faire la . 


  • C'est bon Mehdi, j'ai réglé le problème en passant par des chemins détournés . 
    Pour la largeur, j'ai jouer sur le maxi.
    Pour centrer sur la hauteur, j'ai ajouté (juste en haut du graph ds le htlm ( S&P 500 ), tu le vois si tu regarde bien 
    ca donne un effet de centrage . 
    Donc c'est réglé même si apres avoir tester un nombre incalculable de syntaxe, rien a faire ce truc n'a jamais voulu se déscotché du bord a gauche . 
    Enfin bon . Dossier clos . Merci encore . 
    Humm un nouveau post , c'est moi sur inserer module largeur page . 
    Bon dimanche . 
    :)>- :)>-