4969 sujets

Sémantique web et HTML

Bonjour à tous,
J'ai un site sous wp et je souhaiterais afficher mes pages archives en 2 colonnes. En effet ce sont les pages catégorie( ou archive) que j'ai mis dans mon menu.
Le truc c'est que j'ai tentée de mettre des colonne en html, cela n'a servit à rien car certes les colonnes étaient présentes, mais mes articles non.
Je vous laisse l'adresse du site afin que vous y jetiez un oeil https://lepourquoiducomment.fr/category/questions-insolites/.

Je sais qu'il existe des plugin pour le faire mais je préfère faire les choses en dur dans le code et savoir le refaire plus tard Smiley cligne

Pouvez vous m'aider?
Merci d'avance
Salut,

Sois tu met une des custom classe "column-r" "column-l" avec pour caract float left/right pour la classe correspondante pour une article sur deux.
Sois tu créer deux div, une avec float right et l'autre avec float left et les articles sont ajouté chacun sont tour soit dans l'un soit dans l'autre. j'imagine que c'est une boucle qui affiche tes articles. donc pas bien compliqué.
il suffit d'avoir une autre boucle qui test un compteur pair ou impaire et suivant si ton compteur est pair tu ajoute la classe à l'article OU tu le place dans la première div. Si le compteur est impaire tu fais l'inverse.

en gros

//compteur = 0
// boucle qui énumère tes articles ;
if (compteur % 2 == 0)
// article pair
    // j'ajoute une classe
   <article class="LES CLASSE EXISTANTE " . "my nouvelle classe pour float left " ." [...]/>
else 
//article impair
    // j'ajoute une classe
   <article class="LES CLASSE EXISTANTE " . "my nouvelle classe pour float right" ." [...]/>



En gros ...

Exemple en ajouté float left/right
https://www.noelshack.com/2019-04-1-1548084565-capture.png
Modifié par JENCAL (21 Jan 2019 - 16:29)
Bonjour, finalement, l'on m'a soufflé une autre solution bien plus simple, mettre un
colums-count: 2 sur ma div, et ça marche!

Merci tout de même