IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Mettre des éléments sur la même ligne [HTML 5]


Sujet :

HTML

  1. #1
    Futur Membre du Club
    Homme Profil pro
    bidouilleur amateur
    Inscrit en
    Septembre 2017
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Nièvre (Bourgogne)

    Informations professionnelles :
    Activité : bidouilleur amateur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2017
    Messages : 17
    Points : 9
    Points
    9
    Par défaut Mettre des éléments sur la même ligne
    Bonjour,

    Voila, j'aimerais ajouter un petit graph chartjs en bout de ligne.
    Voici le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <h3>Température de l'eau :
    <a class="Teau" > 
    <?php  
    $resultat = exec("python3 /var/www/html/get_info_api.py tempair" );
    echo  $resultat;   ?>   °C 
    <canvas id="canvasteau" width="140" height="100"  ><script>graph(); </script></canvas>  
     </a>
    </h3>
    J'aimerais eviter les flex box pour cette partie.

    Pour l'instant j'obtient ca :Nom : Capture d’écran_2020-05-08_07-47-13.png
Affichages : 611
Taille : 151,2 Ko

    J'imagine que c'est simple mais j'ai essayer avec des <span> et autres mais rien n'y fait.

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    • quel graph ?
    • quelle ligne ?

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    ta structure laisse à désirer et pourrait avantageusement être remplacée par
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <figure>
      <figcaption>
        Titre
      </figcaption>
      <canvas width="140" height="100"></canvas>
    </figure>
    et avoir comme base CSS
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    figure {
      margin: 0;
    }
    figcaption {
      display: inline-block;
      font-size: 1.25em;
      font-weight: 700;
    }
    canvas {
      vertical-align: top;
    }

    J'aimerais eviter les flex box pour cette partie.
    et pourquoi !?!

  4. #4
    Futur Membre du Club
    Homme Profil pro
    bidouilleur amateur
    Inscrit en
    Septembre 2017
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Nièvre (Bourgogne)

    Informations professionnelles :
    Activité : bidouilleur amateur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2017
    Messages : 17
    Points : 9
    Points
    9
    Par défaut
    merci.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 19/12/2018, 05h24
  2. mettre des données sur une même ligne
    Par plasto590807 dans le forum Windows
    Réponses: 3
    Dernier message: 08/10/2018, 20h34
  3. Mettre des données sur une même ligne
    Par plasto590807 dans le forum Requêtes
    Réponses: 1
    Dernier message: 07/10/2018, 17h51
  4. Mettre des infos sur une même ligne
    Par louraluy dans le forum Général VBA
    Réponses: 1
    Dernier message: 10/06/2015, 11h37
  5. [XL-2013] Script pour mettre des données sur une même ligne
    Par initial32 dans le forum Macros et VBA Excel
    Réponses: 7
    Dernier message: 09/12/2014, 13h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo