Faire une liste en 2 colonnes ? (Créer un compte)

  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #446757
    imported_BenKenobi
    Membre
    Padawan WordPress
    93 contributions

    Est-ce possible de faire une liste à puce en 2 colonnes ? En effet, les longues listes prennent de la place… et sur 2 colonnes la présentation pourrait être plus agréable.

    Mais est-ce faisable ?

    #568316
    damino
    Participant
    Maître WordPress
    1241 contributions

    Que veux-tu dire Ben ?
    2 colonnes d’articles ?
    2 colonnes au sein d’un article ?
    2 colonnes dans la sidebar ?

    #568317
    benkenobi
    Participant
    Maître WordPress
    4069 contributions

    2 colonnes dans mon article.
    Regarde le post « Free » sur la page de mon blog. Je voudrais que la liste de pays soit en 2 colonnes afin de prendre moins de place dans la longueur.

    Suis-je plus clair ?

    #568318
    lordphoenix
    Membre
    Chevalier WordPress
    102 contributions

    Faire deux listes dans un tableau. Personnellement je ne vaois pas d’autre moyen.

    #568319
    benkenobi
    Participant
    Maître WordPress
    4069 contributions

    Comme me le proposait lordphoenix, j’ai fait un tableau.
    Voici le code :

    <table width="100%" border="0">
    <tr>
    <td><ul>
    <li>Allemagne</li>
    <li>Autriche</li>
    <li>Chine</li>
    <li>Etats-Unis</li>
    <li>Israël</li>
    <li>Pays Bas</li>
    <li>Royaume Uni</li></ul>
    </td>
    <td><ul>
    <li>Australie</li>
    <li>Canada</li>
    <li>Espagne</li>
    <li>Irlande</li>
    <li>Italie</li>
    <li>Portugal</li>
    <li>Singapour</li>
    </ul>
    </td>
    </tr>
    </table>

    Le résultat est visiblesur cette page.

    Par contre je remarque qu’entre la page d’accueil du blog et la page de l’article les puces de la listes sont différentes. Est-ce normal ?

    #568320
    damino
    Participant
    Maître WordPress
    1241 contributions

    Salut, y a quelque chose de bizarre dans ta feuille de style (c’est d’ailleurs un peu le bordel tes mélanges de feuilles de style :D)

    Ca devrait se jouer par ici : html>bodyentryli ; et à ce niveau html>bodyentryul

    Regarde bien les propriétés de ces sélecteurs …

    Un peu de lecture

    #568321
    benkenobi
    Participant
    Maître WordPress
    4069 contributions

    Que veux tu dire par « c’est d’ailleurs un peu le bordel tes mélanges de feuilles de style » ?

    Car je n’ai qu’une feuille de style à ma connaissance…

    Edit : Très intéressant le site que tu indiques… 🙂

    #568322
    damino
    Participant
    Maître WordPress
    1241 contributions

    Ben celle là, celle-ci et celle du document et en ligne.

    Le Bordel vient surtout de ta feuille de dans ton document : elle est morcelée entre les balises (à la limite) mais on en trouve aussi dans le , ce qui va à l’encontre de l’intérêt des feuilles de style (séparer le fond de la forme).

    Sinon le lien que j’indique était déjà mentionné sur ce forum ! :D

    Voilà.

    #568323
    benkenobi
    Participant
    Maître WordPress
    4069 contributions

    Le fichier « lavieestbelle.css » est celui qui correspond à la petite bannière « La Vie est belle » en page d’accueil… donc complètement indépendante du site lui même puisque rajoutée récemment et susceptible d’être enlevée un jour ou l’autre.

    Pour le reste n’ayant jamais rien touché à ce niveau ce ne peut être que des choses d’origine. Donc là je n’y suis pour rien…

    #568324
    jb
    Membre
    Initié WordPress
    21 contributions

    Pour faire deux colonnes et rester valide, tu pourrais essayer de piocher dans le CSS de ce site, en particulier les balises:

    .billet{ float:left;width:600px; text-align:center}

    .french{width:275px;padding-right:8px;text-align:left;
    float:left
    }

    .english{width:275px;padding-left:8px;text-align:left;
    border-left:1px solid black;
    float:left
    }

    Si tu veux le thème entier contacte-moi.

    #568325
    Cmon-Avis
    Membre
    Initié WordPress
    13 contributions

    Bonsoir !!
    Je tombe sur vos messages 6 ans après (vive le net lol) alors que je cherchais comment afficher le titre de mes post sur 2 colonnes…
    J’ai réussi à afficher la liste de mes posts sur 2 colonnes mais je me trouve confrontée à ce que je ne voulais pas : mon post s’affiche lui aussi sur 2 colonnes… :(
    Je vous montre mon code dans mon fichier index.php :

    <img src="/images/header_left.gif » alt= »Cmon-Avis! » /> 
    <a href=" » title= »Lien vers « >

    <?php if(is_category() || is_archive()) {
    the_excerpt();
    } else {
    the_content();
    } ?>
    ….

    Mais ce fichier gère également mes posts donc, ceux ci s’affichent sur 2 colonnes aussi…
    Comment faire pour que seule ma liste de post soit sur 2 colonnes et que lorsqu’on entre dans un post celui ci s’affiche sur une seule colonne :

    Mon CSS pour l’affichage :

    #content
    {
    display: inline;
    float: left;
    overflow: hidden;
    padding: 17px 10px 10px 0px;
    width: 1080px;
    }
    #content .post (prévu pour 1 seule colonne en 1080px)
    {
    margin-bottom: 12px;
    padding-bottom: 12px;
    }
    #content .postcolonnes
    {
    width : 540px; display : inline; float : left;
    }

    Un immense merci d’avance à ceux et celles qui pourront m’aider !!

    #568326
    Cmon-Avis
    Membre
    Initié WordPress
    13 contributions

    Je n’ai vraiment pas de chance… à chaque fois que je pose une question, elle reste sans réponse… :(

    #568327
    Oskinn
    Membre
    Chevalier WordPress
    467 contributions

    Bonjour,

    En même temps tu up un topic de 6 ans … merci d’ouvrir un topic propre à ton problème avec les détails de ton site etc.

    Merci

    #568328
    Cmon-Avis
    Membre
    Initié WordPress
    13 contributions

    oui, peut-être mais je suis du style à ne pas ouvrir des topic à tout va…
    je me sers de ceux qui existent afin de ne pas polluer avec un message qui pourrait déjà exister…
    mais apparemment cela ne plait pas…

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