[Topic unique] Entraide technique forum et blogs #2

Bonjour, j'ai un problème!

Je suis wordpress, et sur la page d'accueil mon article que j'ai publié aujourd'hui s'affiche après celui que j'ai publié mercredi et ça me dérange parce que c'est pas chronologique.
Qnn a une idée?

Bonjour. J'ai un  petit souci sur mon blog (je suis sur Blogger) : depuis peu j'ai remarqué que je ne pouvais pas répondre aux commentaires qui m'étaient laissés (ce qui m'embête parce que j'aime l'interaction ^^). J'ai testé en changeant de navigateur et là ça fonctionnait. Mon problème viendrait donc plutôt de Firefox. Est-ce que quelqu'un a rencontré ce problème ? Et est-ce que quelqu'un pourrait éventuellement m'aider à y remédier ?  Merci d'avance <3 :)

En te basant sur des div imbriqués, tu peux le faire en réalisant :
1/ une div chapeau

Code:

<div id="chapeau" style="width: 100%;">
</div>

2/ puis en y insérant 2 div pour chaque colonne

Code:

<div id="colonne1" style="display: inline; float: left; width: 50%;">
</div>

<div id="colonne2" style="display: inline; float: left; width: 50%;">
</div>

display:inline indique que les div vont pouvoir se mettre l'une après l'autre dans le flux (le comportement générale étant block pour une div, c'est à dire l'une en dessous de l'autre)
float:left permet de remplir la div chapeau à partir de la gauche
width:50% indique que la largeur de la div colonne fera 50 % de la parente, soit la div chapeau.

Par exemple pour ton cas ça pourrait donner ça à mettre dans ton article :

Code:

<div style="width: 100%;">
<div style="display: inline; float: left; width: 50%;">
<b>Amnistie</b>
<br />
<ul>
<li>Liberté d'expression</li>
<li>Torture</li>
<li>Peine de mort</li>
<li>Pauvreté</li>
<li>Droits civiques</li>
</ul>
<b>Droits de la femme</b>
<br />
<ul>
<li>Avortement/fertilité</li>
<li>Crime d'honneur</li>
<li>Excision</li>
<li>Traite de la femme</li>
<li>Baby-blues</li>
</ul>
</div>
<div style="display: inline; float: left; width: 50%;">
<b>Conscience sociale</b>
<br />
<ul>
<li>Environnement </li>
<li>Animaux</li>
<li>Éthique</li>
<li>Itinérance</li>
<li>Sécurité routière (texto, facultés affaiblies)</li>
</ul>
<b>Enfance</b>
<br />
<ul>
<li>Enfance maltraitée</li>
<li>Adoption/orphelins</li>
<li>Pédophilie</li>
<li>Enfant-soldat</li>
</ul>
<ul>
</ul>
</div>
</div>

Mais bon, déjà passer des styles directement en html c'est moyen, autant attribuer une classe et faire un code css qui va bien.

Mais surtout, la présentation sera pas top, puisque tes paragraphes n'ont pas du tout la même longueur.
Je te conseillerait donc de passer par la réalisation d'un tableau, ce qui permettra d'aligner chaque nouvelle section pour chaque colonne :

Code:

<table>
<tbody>
<tr>
<td valign="top" width="50%">
<b>Amnistie</b>
<ul>
<li>Liberté d'expression</li>
<li>Torture</li>
<li>Peine de mort</li>
<li>Pauvreté</li>
<li>Droits civiques</li>
</ul>
</td>

<td valign="top" width="50%">
<b>Conscience sociale</b>
<ul>
<li>Environnement </li>
<li>Animaux</li>
<li>Éthique</li>
<li>Itinérance</li>
<li>Sécurité routière (texto, facultés affaiblies)</li>
</ul>
</td>
</tr>

<tr>
<td>
<b>Droits de la femme</b>
<ul>
<li>Avortement/fertilité</li>
<li>Crime d'honneur</li>
<li>Excision</li>
<li>Traite de la femme</li>
<li>Baby-blues</li>
</ul>
</td>

<td>
<b>Enfance</b>
<ul>
<li>Enfance maltraitée</li>
<li>Adoption/orphelins</li>
<li>Pédophilie</li>
<li>Enfant-soldat</li>
</ul>
</td>
</tr>
</tbody></table>

En complétant par la suite sachant que
<tr> </tr> génère une nouvelle ligne du tableau
Et qu'au sein de chaque ligne, il faut créer 2 colonnes, chaque partie étant délimitée par la balise <td> </td>

La largeur des cellules est définie sur la première ligne (width:50 % ) et le remplissage se fait par le haut de la cellule pour aligner le début de texte de chaque côté (valign="top")
Tu pourras modifier la façon de le remplir (centrée, etc.) à ta convenance.

En espérant avoir répondu à ton besoin.