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 :

Div en chargement aléatoire + alignement gauche et droite


Sujet :

Positionnement en CSS

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    440
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 440
    Points : 184
    Points
    184
    Par défaut Div en chargement aléatoire + alignement gauche et droite
    Bonjour

    Je charge plusieurs div dans une boucle PHP. Ces div on des largeurs variables mais entrent dans un grand div à largeur fixe.

    J'aimerais bien que, s'il y a deux div un à coté de l'autre, que l'un soit aligné à gauche et l'autre à droite et que l'espace qui pourrait manquer pour faire la largeur total du div parent soit entre les deux div. Sauf que parfois il peut avoir, sur une ligne, un div de pleine largeur, deux div ou trois div.

    Merci!

  2. #2
    Membre averti Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Points : 391
    Points
    391
    Par défaut
    Il me semble que le seul moyen pour faire ce que tu veux est de jouer sur la propriété float.
    Développeuse
    Merci d'expliquer aux autres la solution si vous la trouvez, par respect pour ceux qui prennent le temps de tenter de vous aider !

  3. #3
    Membre à l'essai
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2008
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Avril 2008
    Messages : 9
    Points : 12
    Points
    12
    Par défaut
    Bonjour,

    Tu peux attribuer au premier div un float left et au second div un float right.

  4. #4
    Membre averti Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Points : 391
    Points
    391
    Par défaut
    Citation Envoyé par He@deR Voir le message
    Tu peux attribuer au premier div un float left et au second div un float right.
    Pas si simple, dans son énoncé, Prosis parle d'un nombre de div variable si j'ai bien compris

    Mais c'est l'idée de départ oui
    Développeuse
    Merci d'expliquer aux autres la solution si vous la trouvez, par respect pour ceux qui prennent le temps de tenter de vous aider !

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    440
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 440
    Points : 184
    Points
    184
    Par défaut
    Poulpynette: exact

    Chaque div peut être à gauche ou à droite dépendant de ce que le webmestre décide. Donc je devrai trouver une façon de le mettre à gauche s'il arrive en premier sur une ligne et à droite s'il arrive second. Par contre, à priori, tous les div sont float: left pour permettres qu'ils se mettent tous un à coté de l'autre jusqu'à la fin de la largeur du div conteneur. Outre celà, je suis un peu perdu

    Il faudrait que je sache quel div charge quand pour ajuster le float en conséquence mais, tous les cas sont difficiles à prévoir....

  6. #6
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonsoir,

    Citation Envoyé par Prosis Voir le message
    Il faudrait que je sache quel div charge quand pour ajuster le float en conséquence mais, tous les cas sont difficiles à prévoir....
    As tu la possibilité de limiter le nombre de tes divs ? (50 par exemple)
    Si oui, tu pourrais incrémenter une variable et l'associer à une classe :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div class="bloc$i"></div>

    Ensuite, il ne reste plus qu'à repérer les divs.
    Je ne réponds pas aux questions techniques par MP.

  7. #7
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    440
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 440
    Points : 184
    Points
    184
    Par défaut
    Non plus...

    Par contre, je vais essayer de faire un array en PHP qui contient les templates, leurs largeur. Cela accompagné d'un compteur qui se remettra à zero à chaque changement de ligne ainsi qu'un autre compteur qui calculera le width total des boites sur une ligne. Puisque le maximum est de 690, je sais que si ce compteur est plus grand que 690, on passe à la ligne suivant et que la prochaine boite sera la première de la ligne.

    C'est un peu complexe mais je crois que je peux m'en tirer. Je vous reviens

Discussions similaires

  1. Alignement gauche et droite
    Par popy67 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/04/2010, 21h42
  2. texte alignée gauche et droite
    Par armin dans le forum Windows Forms
    Réponses: 7
    Dernier message: 11/06/2009, 11h19
  3. [HTML][CSS] Alignement gauche ET droite dans un <li>
    Par gwendy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/11/2005, 19h27
  4. Aligner à gauche et à droite dans un paragraphe
    Par camboui dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 02/11/2005, 10h36

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