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
    1243 contributions

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

    #568317
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 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
    Gestionnaire du forum
    Maître WordPress
    4079 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
    1243 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
    Gestionnaire du forum
    Maître WordPress
    4079 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
    1243 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
    Gestionnaire du forum
    Maître WordPress
    4079 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
    Participant
    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
    Participant
    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
    Participant
    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.