Mettre deux colonnes de texte dans une page

Statut : non résolu

Ce sujet contient 21 réponses, 12 participants et a été mis à jour pour la dernière fois par meliso, le il y a 10 années et 7 mois.

7 sujets de 16 à 22 (sur un total de 22)

← 1 2

Auteur

Messages
12 octobre 2010 à 18 h 16 min #721497

kayorn
Participant

Chevalier WordPress
439 contributions

Au cas ou cette question intéresserait encore quelqu’un qui se baladerait sur ce vieux post, il existe une soluce qui convient et qui fait remonter la colonne au niveau de l’autre.

merci à floran_r qui m’a bien aidé sur le forum d’alsacréation

voir les explications

testé sur opera/safari/ie8/firefox

les classes modifiées à copier-coller dans votre feuille de style

.column-sect {

vertical-align:top;

display:inline-block;

}

div.post-column {

border:thin solid #999999;

margin-right:5px;

padding:5px;

width:200px;

}
(les bordures c’est pour faire joli et une width à 200px parce que j’aime pas les pourcentages.

18 août 2011 à 9 h 21 min #721499

Scriblerus
Membre

Initié WordPress
48 contributions

Bonjour,

je suis moi même très intéréssé par cette démarche, j’aimerai savoir si le message de Kayorn est toujours valable, entre autre pour Chrome (comme il n’est pas cité au début de son message).

Et son explication ne concerne que le réajustement des deux colones (alignement), qu’elle démarche faut il prendre pour, au préable, insérer deux colones dans son texte ? (modification du CSS [si oui, lequel] ou instlation d’un plug-in).

Le message ayant presque un an, une autre solution a peut être été trouvé depuis.

Merci

18 août 2011 à 9 h 33 min #721500
natchoum
Membre

Chevalier WordPress
162 contributions
Eu, sans plugin, tu calcules la largeur de ta page en pixels, tu divises par deux et tu créés 2 div ( une par colonne ) que tu modifies avec les css :
```
.div1
{
float:left;
width:Xpx;
}
.div2
{
float:right;
width:Xpx;
}
```
où X est la moitié de la largeur de ta page. Celà fonctionne, je l’ai fait sur le mien
24 août 2011 à 16 h 31 min #721498

Scriblerus
Membre

Initié WordPress
48 contributions

En fait j’aimerai le faire pour des articles, et non des pages (donc l’intégrer dans un article posté dans une catégorie et non dans une pages créé via la section WP du même nom).

Merci

25 août 2011 à 9 h 56 min #721501

forunner
Participant

Chevalier WordPress
176 contributions

Pas touché à WP depuis un long moment.
Mais à mon avis, c’est le même principe, tu fais tes deux divs dans ton article.
à la limite, si ton conteneur a une taille de définie, tu peux utiliser un width en % pour te simplifier la tâche.

26 novembre 2013 à 9 h 26 min #721502
BecaneWeb
Participant

Initié WordPress
16 contributions
De mon côté, pour avoir un Responsive design j’utilise le code suivant :
```
#left-column
{
float:left;
max-width:45%;
min-width:250px;
padding: 5px;
}
#right-column
{
float:right;
max-width:45%;
min-width:250px;
padding: 5px;
}
```
17 janvier 2014 à 16 h 40 min #721503

meliso
Membre

Initié WordPress
9 contributions

Merci à Lovahman pour son ptit bout de code, directement dans l’éditeur ça fonctionne très bien et c’est bien plus propre qu’un plugin 😉
Auteur

Messages