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

Mise en page CSS Discussion :

Mettre deux div sur une seule ligne


Sujet :

Tableau en CSS

  1. #1
    Membre du Club
    Inscrit en
    Août 2007
    Messages
    176
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 176
    Points : 69
    Points
    69
    Par défaut Mettre deux div sur une seule ligne
    Bonjour,

    Je n'arrive pas à afficher sur une ligne un prix.
    Je souhaite mettre en grand les chiffres avant la virgule et après la virgule en petit.
    Pouvez-vous m'aide ?

    Voici le code css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    #std_prix{
       font-size:1000%;
       font-family: "Arial black";
       margin-top: 100px;  
    }
    #std_prix_c{
       font-size:700%;
       font-family: "Arial black";
    }
    Le code php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <?php 
    $prix = explode(".", $_GET['prix']); 
    echo "<div id='std_prix'>".$prix[0].",</div><div id='std_prix_c'>".$prix[1]."</div>"; 
    ?>
    Merci,

  2. #2
    Membre du Club
    Inscrit en
    Août 2007
    Messages
    176
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 176
    Points : 69
    Points
    69
    Par défaut
    J'ai ajouté margin-top

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #std_prix_c{
       font-size:700%;
       font-family: "Arial black";
       margin-top: 100px; 
    }

  3. #3
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 048
    Points : 44 562
    Points
    44 562
    Par défaut
    Bonsoir,
    les DIV étant des éléments de type block par défaut, il passe à la ligne, sauf à leur assigner un float:left, display:inline ...

    Autant dans ton cas mettre des SPAN
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id='std_prix'>250,</span><span id='std_prix_c'>75</span>

  4. #4
    Membre du Club
    Inscrit en
    Août 2007
    Messages
    176
    Détails du profil
    Informations forums :
    Inscription : Août 2007
    Messages : 176
    Points : 69
    Points
    69
    Par défaut
    Merci pour l'information

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

Discussions similaires

  1. [Batch] comment mettre mon code sur une seule ligne
    Par fk04 dans le forum Scripts/Batch
    Réponses: 1
    Dernier message: 17/03/2010, 13h01
  2. [OS X] [Bash 3] Deux echo sur une seule ligne
    Par d10g3n dans le forum Shell et commandes POSIX
    Réponses: 2
    Dernier message: 22/06/2008, 14h58
  3. Relation un à n : mettre les résultats sur une seule ligne
    Par juju33 dans le forum Requêtes et SQL.
    Réponses: 12
    Dernier message: 13/08/2007, 09h57
  4. [CSS][firefox]positionner mes div sur une seule ligne
    Par hansaplast dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/03/2006, 14h44

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