Comment placer des images côte à côte dans un Site (Créer un compte)

Bonjour,

Quelques explications en pièce jointe (si ça vous intéresse; je n’aime pas « parachuter » du code sans explications).

Les textes n’invalide pas le CSS, …c’est de rajouter les légendes qui pose problème, elles modifient le fichier.

Oui, c’est ce que je disais ici et le problème était de « modifier ces modifications » afin qu’elles soient compatibles  avec le code CSS déjà donné.

Il faut pour cela un code javascript /jQuery:

<script>
$= jQuery;

const a = $('#post-8717 .entry-content.clearfix p:contains("26 janvier 2024")'); 
const b = $('#post-8717 .entry-content.clearfix p:contains("7 avril 2023")'); 
const c = $('#post-8717 .entry-content.clearfix p:contains("8 décembre 2022")'); 
const d = $('#post-8717 .entry-content.clearfix p:contains("30 décembre 2021")'); 
const e = $('#post-8717 .entry-content.clearfix p:contains("26 août 2020")'); 
const f = $('#post-8717 .entry-content.clearfix p:contains("31 janvier 2019")'); 
const g = $('#post-8717 .entry-content.clearfix p:contains("")'); 

$(a).nextUntil(b).wrapAll("<p class = 'nouvelle'></p>");
$(b).nextUntil(c).wrapAll("<p class = 'nouvelle'></p>");
$(c).nextUntil(d).wrapAll("<p class = 'nouvelle'></p>");
$(d).nextUntil(e).wrapAll("<p class = 'nouvelle'></p>");
$(e).nextUntil(f).wrapAll("<p class = 'nouvelle'></p>");
$(f).nextUntil(g).wrapAll("<p class = 'nouvelle'></p>");
</script>

Pour l’utiliser, il faudra d’abord télécharger cette extension puis dans les settings  copiez/collez ce code dans le cadre « Scripts in footer » (voir pièce jointe 1). Le code s’applique à la page d’essai (identité #post-8717). Donc le code CSS devient;

#post-8717 .entry-content.clearfix p.nouvelle{
  	display: inline-flex;
 	flex-flow: row wrap;
	gap:10px;	
}

Voila; testé chez moi ça fonctionne. J’espère qu’il en sera de même pour vous (autrement on verra ce qui ne va pas)

Faites comme indiqué en pièce jointe et ne cliquez pas sur extraits de code (c’est nouveau je pense et je ne sais pas à quoi ça sert). Enlevez ce que vous avez mis dans extraits de code.

il faut une formation de développeur que je n’ai pas

Moi non plus 🙂

• Cette réponse a été modifiée le il y a 11 mois et 1 semaine par ferman.
• Cette réponse a été modifiée le il y a 11 mois et 1 semaine par ferman.

Pour  saisir le code sur la page, vous avez à droite une icône suivie de « Code ». Vous cliquez et dans la liste déroulante qui apparaît, vous sélectionnez langage: « CSS » et vous écrivez votre code.

A part ça le code que vous donnez dans votre capture d’écran est correct.

De la même manière, vous pouvez copier/coller votre code jQuery dans la page en sélectionnant cette fois langage « javascript » puis le modifier. Je le vérifierai si vous voulez.

Pour info, quel type d’ordinateur utilisez-vous: Mac ou PC et avez-vous eu l’occasion d’installer un éditeur de code simple d’emploi qui permet d’écrire et de modifier tout type de code ?

Bonjour,

Vous avez peut-être la réponse,

Non, pas vraiment: ça peut venir de l’extension ou du code qui est trop long à charger. Comme vous avez souvent eu recours au forum, peut-être avez vous eu l’occasion d’utiliser le FTP et d’ajouter du code dans le fichier functions.php du thème. Pouvez vous me le confirmer? Actuellement je suppose que votre extension est activée puisque je vois les images en ligne. Certaines étaient manquantes et sont apparues en rafraîchissant la page.

Pouvez-vous désactiver l’extension headers and footers pour que j’essaie quelques petites choses?

EDIT: Nos réponses se sont encore croisées.  Donc ne désactivez pas l’extension mais dites moi quand même si vous avez déjà utilisé le FTP et avez déjà modifié le fichier functions.php de votre thème. Cela est bon à savoir pour savoir les solutions que l’on peut proposer en cas de problème (présent ou à venir).

• Cette réponse a été modifiée le il y a 11 mois par ferman.
• Cette réponse a été modifiée le il y a 11 mois par ferman.