28172 sujets

CSS et mise en forme, CSS3

[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
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 */
}
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 Smiley confus
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 Smiley rolleyes
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 Smiley rolleyes
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.
Sujet clos
Aller à