Help CSS image par dessus texte

Consultez la formation SEO spéciale Wordpress
par WebRankInfo / Ranking Metrics


VeeTouine
WRInaute impliqué
WRInaute impliqué
 
Messages: 659
Enregistré le: 23 Mai 2009

Help CSS image par dessus texte

Message le Ven Avr 07, 2017 7:56

Salut tout le monde,

C'est sûrement un truc de base à coup de float quelque part, mais j'ai du mal... :oops:

Un idée pour que l'image de ma catégorie ne soit plus par dessus mon texte ? Je voudrais que le texte se décale autour de l'image.

--> https://www.selleconfort.com/12-coussins-airhawk

Merci :wink:

ABCWEB
WRInaute discret
WRInaute discret
 
Messages: 226
Enregistré le: 22 Oct 2015

Re: Help CSS image par dessus texte

Message le Ven Avr 07, 2017 9:19

vire le position:absolute que tu as dans ta classe category-cover


niap
WRInaute discret
WRInaute discret
 
Messages: 137
Enregistré le: 17 Oct 2009

Re: Help CSS image par dessus texte

Message le Ven Avr 07, 2017 9:24

L'image doit être en float: right;
Mais elle aussi doit être dans le texte, sinon le texte ne s'adaptera pas.

<div class="text-muted" id="category-description">
<p>Fini l'engourdissement et la douleur avec les <strong>coussins de selle moto</strong> Airhawk !</p>
<p>Si vous voulez que le dernier kilomètre soit aussi agréable que le premier, utilisez le système exclusif de la technologie "Shape Fitting" de Airhawk. Ce système breveté élimine les points douloureux et favorise la fluidité de la circulation sanguine pour une conduite plus confortable plus longue.</p>
<p>La mousse à mémoire de forme ne peut pas le faire. Les selles moto en gel ne peuvent pas le faire. Seul un véritable Airhawk peut le faire. Et il est entièrement adaptable et transportable - Il peut être utilisé sur n'importe quelle moto, par tous les pilotes.</p>
<img src="https://www.selleconfort.com/c/12-category_default/coussins-airhawk.jpg" alt="Coussins de selle moto Airhawk"><p>Le coussin de siège Airhawk s'adapte à la plupart des motos et se décline en différents modèles pour le conducteur et le passager.</p>
</div>


VeeTouine
WRInaute impliqué
WRInaute impliqué
 
Messages: 659
Enregistré le: 23 Mai 2009

Re: Help CSS image par dessus texte

Message le Ven Avr 07, 2017 13:53

Merci pour vos réponses.

J'ai fait ce que Niap a suggéré : j'ai mis l'image à la mano dans ma zone de texte et problème résolu

La solution de Abcweb marche aussi, mais l'image se retrouvait en bas, moins joli :wink:


Formation recommandée sur ce thème :

Formation SEO spéciale Wordpress : apprenez à optimiser le référencement naturel d'un site fait avec Wordpress... Formation Ranking Metrics animée par un expert SEO / Wordpress.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.