[Résolu] Retour à la ligne titre après grande image qui ... déborde

Bonjour
toujours coinçé
J'ai rajouté! Important

div.separateur h3 span {
	word-wrap: break-word!important;
}

j'ai essayé de pointer différents éléments mais pas de résultat.
J'ai vidé les caches

Salut, essaye de mettre la div au dessus de "separateur" en display inline block.

Salut

JENCAL a écrit :
Salut, essaye de mettre la div au dessus de "separateur" en display inline block.

J'ai essayé puis enlevé, cela aggravé la mise en page mais ai-je bien compris.
J'avais mis:

div.separateur
{	
	display:inline-block!important; /* 1/10 essai */
}

non j'ai bien dit la div au dessus de "separateur", pas la div "separateur".

Re
ben désolé, mais je ne sais pas faire pour cibler le div au dessus de "separateur.. sans id ou règle pour ne pas me tromper

et tu n'a aucun moyen d'insérer une classe/id dedans ?

sinon tu prend l'element avant, qui a un ID et avec les selectors css tu tape sur l'élément suivant https://www.w3schools.com/cssref/css_selectors.asp
Modifié par JENCAL (01 Oct 2021 - 16:16)

Avec le bon sélecteur ça marche bien
Modifié par JENCAL (01 Oct 2021 - 16:37)

Non malheureusement c'est généré par le cms
Bon ok je recherche, j'ai trouvé le div parent qui est de type
<div itemprop="articleBody">
mais à priori je ne peux rien y faire

Je ne vois pas quel sélecteur tu utilises, merci de m'éclairer

Je suis partie de la div avec la classe "accroche" pour toucher via les selecteurs css la div qui juste après.

Je t'ai donné le lien des sélecteurs CSS, il suffit des lires et de trouver celui qui t'intéresse.

Re
Bon j'avai effectivement mal compris en cherchant le div parent qui me semblait plus logique.
Si j'interprêtes ce que tu dis
div avec la class "accroche" => div.accroche
après quand tu dis "après", j'ai essayé plusieurs sélections avec :
element+element div + p Selects the first <p> element that is placed immediately after <div> elements
...
mais franchement rien n'a fonctionné
Si je pars sur

div.accroche +  .separateur
{	
	display:inline-block!important; /* 1/10 essai */
}

mais est-ce que l'on peu considérer ".separateur" comme un élément.
Désolé mais je touche quelques fois dans l'année au css, ce n'est pas ma tasse de thé!
Après avoir bien cherché je donne ma langue au chat
Modifié par HDcms (01 Oct 2021 - 18:23)

Salut
Bon je pense que c'est réglé avec

div.accroche + div {	
	display:inline-block!important; /* retour à la ligne après l'image */
}

Pas mal galéré en tâtonnant, peutêtre aussi probl_me avec le cache.
Je ne sais pas si je m'en sortirai mieux la prochaine fois , par contre je garde précieusement l'url mentionné qui est bien faite
Merci

Hello !

bingo c'était bien div.accroche + div que j'avais utilisé. Je ne sais pas si c'est la meilleur solution mais celle ci fonctionne correctement.