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 :

Empilement de mes DIV


Sujet :

CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut Empilement de mes DIV
    Bonjour,

    J'ai un petit soucis de mise en page et pourtant ma demande ne m'a pas l'air réellement si compliquée mais je sèche.

    Est-ce normal que ces 2 champs s'affichent l'un au dessus de l'autre ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="auteur"> <?php echo"$row[auteur]"?> </div> <div class="ptigri"> <?php echo"$row[date] "?> </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    .auteur
    {
            font-family: Trebuchet MS;
    	color: #333333;
    	font-size: 15px;
    	text-align: right;
    	font-weight: bold;
     
    }
    .ptigri
    {
    	font-family: Trebuchet MS;
    	color: #333333;
    	font-size: 10px;
    	text-align: right;
     
    }
    J'ai essayé plusieurs trucs mais rien y fait.

    Merci pour votre aide.

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    Est-ce normal que ces 2 champs s'affichent l'un au dessus de l'autre ?
    Oui c'est le lot de tous les éléments de type block (display:block) en absence d'autres directives.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    La balise span met bien tout en ligne mais ne tient pas compte des "text-align: right;" de mes classes.

  4. #4
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    De quelle balise SPAN parles tu ?

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    Quand je remplace les DIV.
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="auteur"> <?php echo"$row[auteur]"?> </span> <span class="ptigri"> <?php echo"$row[date]"?> </span>

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    La notion d'alignement sur des balises de type inline (comme <span> n'a pas beaucoup de sens puisque ces balises adaptent leur taille à leur contenu
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Pourrais tu montrer le code HTML généré, en gros ce qu'il y a dans les balises.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    Ca donne ça avec les balise SPAN:

    Bobby 2013-10-23 12:53:54

  9. #9
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut

    je te rappelles la question
    Citation Envoyé par toi!
    Est-ce normal que ces 2 champs s'affichent l'un au dessus de l'autre ?

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    Je reprends:
    Avec les balises DIV, ça fait ça:

    Bobby
    2013-10-23 12:53:54
    Et bien placé à droite comme indiqué dans les classes.

    Et avec les balises SPAN, c'est ça:
    Bobby 2013-10-23 12:53:54
    Aligné, mais à gauche.

    Et évidemment, chieur comme je suis, je voudrais aligné ... à droite.

  11. #11
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Euh...où est votre code ?

  12. #12
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    Lesquels en plus de ceux que j'ai mis dans mon 1er post ?

  13. #13
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Et évidemment, chieur comme je suis, je voudrais aligné ... à droite.
    mais aligné par rapport à quoi la page?

    Dans ce cas il te faut encapsuler le total dans une DIV qui possède la propriété/valeur text-align:right.

  14. #14
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    82
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 82
    Par défaut
    Oui, c'est par rapport à la page et ta solution marche bien. Merci à toi et aux autres.

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

Discussions similaires

  1. Afficher mes Div horizontalement ?
    Par Alexino2 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 23/02/2007, 16h11
  2. Problème de positionnement avec mes DIV
    Par Rifton007 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 23/01/2007, 10h48
  3. mes divs n'ont pas la meme taille, bien qu'il sont à 100%
    Par alain57 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 16/01/2007, 11h41
  4. comment puis-je placer mes <div>
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 15/10/2006, 22h07
  5. [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