Aligner à gauche une image contenant une "class=reflect"

[stephenG]

Bonjour,

Je souhaiterais aligner une image à gauche ou à droite d'un texte.
Vous allez me dire, d'une part, j'ai déjà posé la question et j'avais mis "réglé"! Effectivement c'était réglé.
Ou encore...la question existe déjà sur le forum et je vous répondrais tout à fait!

Seulement, je ne trouve pas la solution avec cette histoire de "class"
Le code que j"utilise et qui fonctionne parfaitement:

<p><img src="images/femmenceinte.jpg" alt="" width="256" height="170" align="left" /> xxxxx xxxxxx xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxx xx xx xxxxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxx x xxxxx xxxxxx xx xxxx xxxxxxxxxxx xxx xxxxx xxxx xxx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.</p>

Ceci ne fonctionne plus dès que je souhaite faire mettre un peu de style sur cette image. Notamment en utilisant le module: mooimageCK
Le code que je tente d'utiliser:

<p><img class="reflect" src="images/femmenceinte.jpg" alt="" width="256" height="170" align="left" /> xxxxx xxxxxx xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxx xx xx xxxxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxx x xxxxx xxxxxx xx xxxx xxxxxxxxxxx xxx xxxxx xxxx xxx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.</p>

Par contre sans "align=left", cette class fonctionne parfaitement bien.

Alors ma question est la suivante, est ce que cela n'est vraiment pas possible? Ou je n'utilise pas du tout le bon procédé.

Je vous remercie bien entendu pour vos futur réponse!

[lefabdu51]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

essaye le code ci dessous:

<p class="flg">
<img class="reflect" src="images/femmenceinte.jpg" alt="" width="256" height="170" align="left" /> 
</p>
<p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</p>

associé a la regle css suivante

.flg {
float:left;
}

ppour la faire flotter a droite, crées un classe flr avec comme propriété float:right, que tu met a la place de la classe flg....

[stephenG]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

Merci pour té rapide réponse.
Étant totalement novice la dedans, je n'ai pas encore tout compris de l'implantation de la regle CSS. Je ne sais pas ou intégré cela.
Je comprend ce que cela va faire mais je ne sais pas le faire.

[lefabdu51]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

quel est le template utilisé?

Le code html est a mettre dans ton article, et la regle css en bas du fichier css utilisé par le template.

[stephenG]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

J'utilise Gantry 4.

Le code html je l'ai intégré oui.
Le CSS je vais chercher le fichier de suite.

Dans le dossier CSS de gantry

J'ai 3 fichiers:

Index
master-ie8
master-ie9

et un 4ème fichier que j'avais créer une fois nommé mycustomstyle. Je voulais me mettre sérieusement à essayer le CSS.

[lefabdu51]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

normalement, sous gantry, pour assigner des styles css perso, il faut creer un fichier custom.css...

A voir ds leur documentation.

[stephenG]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

Merci, je peux mettre réglé. J'ai réussi à faire ce que je voulais et avec les indications de "lefabdu51".
Merci à toi!!

[stephenG]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot; (mooimageCK)

Bonjour, alors j'ai bien fait tout ce qui était dis précédemment et cela fonctionne parfaitement. Seulement, mon texte se retrouve complètement collé à mon image.

Ce cas de figure n'existe que lorsque j'utilise le plugin "class" de mooimageCK.

Lorsque je enlève ce classe cela fonctionne normalement.
Exemple:

Les codes que j'utilise:

<p class="flg"><img class="reflect" src="images/sophrologue.jpg" alt="" width="170" height="170" align="left" /></p>

ou

<p><img src="images/sophrologue.jpg" alt="" width="256" height="120" align="right" hspace="10" vspace="3" /></p>

J'aimerai donc moi avoir cette espace entre le texte et l'image et avec le plug "mooimageCK"

Si vous pouviez m'éclairer la dessus je vous remercie.

[lefabdu51]

Re : Aligner à gauche une image contenant une &quot;class=reflect&quot;

<p class="flg"><img class="reflect" src="images/sophrologue.jpg" alt="" width="170" height="170" align="left" /></p>

sur le paragraphe suivant:
<p class="dec">mon texte à decaler</p>

et créer la classe dec dans le fichier custom.css
.dec {margin-left:10px;}

au niveau html cela donneras le code ci dessous:
<p class="flg"><img class="reflect" src="images/sophrologue.jpg" alt="" width="170" height="170" align="left" /></p>
<p class="dec">mon texte à decaler</p>
quand au probleme avec le plugin, il faudrais voir ca en posant la question sur le site de l auteur.
Il connais largement mieux son produit que moi.