Deux colonnes de catégories listant leurs articles (Créer un compte)

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #511304
    Cainzer
    Participant
    Chevalier WordPress
    113 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.4
    – Version de PHP/MySQL :
    – Thème utilisé : Thème perso
    – Extensions en place : Aucune
    – Nom de l’hebergeur : Localhost
    – Adresse du site :

    Problème(s) rencontré(s) : Bonjour, le but de ma manœuvre serait de créer deux colonnes ou chaque article d’une catégorie que je désignerais serait listé. En gros je voudrais faire ça :

    Colonne Catégorie 1 Colonne Catégorie 2
    Article 1 de la catégorie 1 Article 1 de la catégorie 2
    Article 2 de la catégorie 1 Article 2 de la catégorie 2
    … …

    En ce qui concerne le PHP j’ai réussi, mais c’est pour le CSS que ça bloque. Voilà ma situation initiale. Vous noterez les deux blocs à distinguer, le noir et le orange. Le noir représente la catégorie 1 et le orange la catégorie 2.
    Je me met alors à faire mon CSS, pour que la noire aille à gauche et la orange à droite. Voilà ce que je fais :

    .post1 {
    background: black;
    width: 50%;
    float: left;
    }

    .post2 {
    background: orange;
    width: 50%;
    float: right;
    }

    Et voilà ce que j’obtiens. Ça me fait deux colonnes d’articles sur la même catégorie, et non pas une colonne par catégorie. D’un certain point de vu c’est assez logique, mais comment faire pour arriver à mon but final ? Ca fait une heure que je bidouille le truc en ayant essayé plein d’attributs tels que clear ou position mais au final je ne parviens pas à ce que je veux. Ça doit encore être un truc tout c** que je ne dois pas me rappeler…

    Pourriez vous me venir en aide s’il vous plait ?

    #839907
    lorenzolamas
    Participant
    Maître WordPress
    3229 contributions

    Salut,

    Alors deja tu modifies le CSS des post et non des catégories, donc ça pourrairt venir de la le problème, Es-tu sure que tu modifies les bonnes div?

    Il faut modifier la taille/position des blocs « jaunes » et non des blocs oranges et noir qui sont contenus dans les blocs jaunes.

    Le pb vient pt etre de la. non?

    #839908
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Je pense que c’est exactement ce qu’a décrit lorenzolamas.

    Tu n’as pas indiqué ton implémentation, on pourra difficilement en dire plus, mais il semble que tu n’aies pas défini de colonne dans lesquelles se mettraient les articles.

    Le style float devrait s’appliquer aux colonnes, pas aux articles.

    #839909
    Cainzer
    Participant
    Chevalier WordPress
    113 contributions

    Merci pour vos réponses. Excusez moi si je suis un peu tardif pour répondre parce que mon PC a des problèmes…

    En effet, le bloc orange et le bloc noir sont tous deux intégrés dans le bloc jaune. Le problème c’est que j’ai déjà essayé de modifier le bloc jaune mais ça ne fonctionnait pas bien.
    Quand mon PC voudra bien je vais réessayer et je vous dirais. En tout cas si vous avez des conseils ou des suggestions je suis preneur.

    Merci encore.

    #839910
    Guy
    Participant
    Maître WordPress
    14817 contributions

    tu n’as toujours pas indiqué ton algorithme, donc… les réponses seront les même
    mais en gros ça serait:

    // faire boucle sur les posts de la 1ere catégorie

    // faire boucle sur les posts de la 2ere catégorie
    #839911
    Cainzer
    Participant
    Chevalier WordPress
    113 contributions

    Ok je ne vous avais pas compris.

    En gros c’est ça :

    <div id="content">

    <div class="post1"> tous les articles de la catégorie que j’aurais indiqué (donc catégorie 1) </div>

    <div class="post2"> tous les articles de la catégorie que j’aurais indiqué (donc catégorie 2) </div>

    </div> /*fermeture du content*/

    Sinon j’ai essayé mais je n’y arrive pas bien. Si je réduis la largeur comme je l’ai fait en haut avec le post et que je met un float: left; les articles n’occupent même pas l’espace de droite. En résumé j’ai ça :

    Articles catégorie 1 Blanc Sidebar
    Articles catégorie 2 Blanc Sidebar

    #839912
    Cainzer
    Participant
    Chevalier WordPress
    113 contributions

    En fait j’ai résolu mon problème. Comme l’a dit lorenzolamas je ne m’attaquais pas aux bons div.
    En gros j’ai entouré mes deux colonnes de div colonne1 et colonne2, j’ai fait un petit width: 50%; et un petit float: left; et ça a fonctionné.

    Merci bien !

    #839913
    Guy
    Participant
    Maître WordPress
    14817 contributions

    C’était l’intérêt de montrer l’implémentation de ton algorithme…

    #839914
    Cainzer
    Participant
    Chevalier WordPress
    113 contributions

    Oui pour le coup je n’aurais pas pensé mais ça dépendait uniquement de ça !

9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.