[RÉGLÉ] problème d'alignement d'une image à droite de mon texte dans code html sous jce

[grosloulou]

bonjour,
sur :

http://www.marclabro.com/index.php?option=com_content&view=article&id=15&Itemid=131

je ne parviens pas à mettre mon image à droite comme sur :

http://www.labrophotography.com/about/

Pourtant c'est le même code que j'ai copié dans la fenêtre "<>" (html) :
<p><img class="alignright" title="Cindy in Guillemins Station" src="http://www.labrophotography.com/my_images/about.jpg" alt="" height="360" width="239" />
</p>
<h3>Marc Labro Photographer</h3>
<p>&nbsp;</p>
<p>Although I have always enjoyed photography, it wasn’t until I switched from film based photography to digital in 2007 that I really felt a passion for capturing fine nature and landscape images. With digital I can experiment freely without worrying about the cost of film and development, see the results instantly, and make adjustments to the shot in the field if necessary. I can control the whole process from capture to the final print, and I feel all of this has made me a much better photographer.</p>
<p>&nbsp;</p>
<h3>My Equipment</h3>
<p>&nbsp;</p>



où est l'erreur ? un <p> de trop ?


même souci sur :

http://www.marclabro.com/index.php?option=com_content&view=article&id=13&Itemid=128

même si je divise la taille de l'image par 4 dans la balise <img>

merci
marc

[chabi01]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

Bonjour,
Tu as ajouté une classe "alignright" sur ton image dans ton paragraphe.
Essaye plutôt d'avoir un alignement à droite pour ton paragraphe :

<p>
<img class="alignright" width="239" height="360" title="Cindy in Guillemins Station" src="http://www.labrophotography.com/my_images/about.jpg" alt="">
</p>

en

<p style="text-align:right;">
<img class="alignright" width="239" height="360" title="Cindy in Guillemins Station" src="http://www.labrophotography.com/my_images/about.jpg" alt="">
</p>

Cordialement,

[grosloulou]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

ah, merci
je suppose que pour le texte tu voulais dire text-align:left ?

je viens d'essayer en visuel avec jce : texte justify, curseur devant 1er mot du texte, puis insérer une image avec alignement droit et marge gauche de 15px et cela ressemble à ton idée sauf qu'on écrit float : right. cela semble plus facile en visuel qu'en html pur et dur ! je vais expérimenter tout cela.

<p style="text-align: justify;"><img style="margin-left: 15px; float: right;" alt="pise" src="images/italie/pise.jpg" height="133" width="200" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mi tortor, malesuada id tempor eu, semper in lacus. Vestibulum eu odio a tellus accumsan commodo. Morbi magna lectus, vehicula ac gravida et, ornare id metus. Phasellus ac mi a neque volutpat hendrerit. In turpis velit, gravida vel feugiat sed, luctus quis ante. Morbi porta placerat lectus. Fusce feugiat risus vel arcu congue at dapibus ante dapibus.</p>
<p style="text-align: justify;">Sed egestas magna a orci tincidunt in gravida metus vestibulum. Cras condimentum quam ac velit aliquet pu

merci
marc

[grosloulou]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

pouvez-vous me dire s'il n'y a pas trop de <p> dans le code suivant quand j'insère une image ?
est-ce normal que l'image constitue à elle-seule un paragraphe aligné à droite ?
nbsp constitue-t-il un paragraphe à lui-seul quand je veux passer une ligne ?

ne dois-je pas mettre un text-align:left sur chaque <p> ? dans le visule cela part en accordeon comme si c'était centré au milieu mais au final cela fait ce que je veux : tout le text aligné à gauche et l'image collée à droite


<p style="text-align: justify;"><img style="margin-left: 15px; float: right;" alt="pise" src="http://www.labrophotography.com/my_images/about.jpg" height="360" width="239" />
</p>
<h3>Marc Labro Photographer</h3>
<p>&nbsp;</p>
<p style="text-align: left;">Although I have always enjoyed photography, it wasn’t until I switched from film based photography to digital in 2007 that I really felt a passion for capturing fine nature and landscape images. With digital I can experiment freely without worrying about the cost of film and development, see the results instantly, and make adjustments to the shot in the field if necessary. I can control the whole process from capture to the final print, and I feel all of this has made me a much better photographer.</p>
<p>&nbsp;</p>
<h3>My Equipment</h3>
<p>&nbsp;</p>
<p>My current equipment is:</p>
<p>Camera Bodies:</p>
<ul>
<li>Nikon D80</li>
<li>Nikon D300</li>
</ul>

[chabi01]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

je suppose que pour le texte tu voulais dire text-align:left ?

Bah non, c'est bien ce que j'ai écrit puisque tu demandes :

je ne parviens pas à mettre mon image à droite

Cordialement,

[grosloulou]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

oui mon image est calée à droite mais tout le texte est calé à gauche, chacun chez soi :-)

[chabi01]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

oui mon image est calée à droite mais tout le texte est calé à gauche, chacun chez soi :-)

Bonjour,
Pas tout à fait compris...
Tu veux l'image à droite et le texte qui s'affiche sur la gauche de l'image ?
Si c'est ça, tu dois avoir quelque chose comme ça :

<p>texte texte texte texte texte<img style="margin-left: 10px; float: right;" alt="apple" src="images/sampledata/fruitshop/apple.jpg" height="281" width="375" />
</p>

Cordialement,

[grosloulou]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

d'accord merci
ce qui me tracasse c'est que le texte ne se cale pas "aligné à gauche" mais soit en "justify" c'est à dire chaque ligne, petite ou grande, centrée sur la place restante à gauche de l'image.
c'est pour cela que je me demandais si le texte ne devait pas être left justify

ce qui est bizarre c'est que les lignes sont justify dans jce, en visuel, donc c'est très laid et au final sur la page web, c'est aligné à gauche

merci
marc

[chabi01]

Re : problème d'alignement d'une image à droite de mon texte dans code html sous jce

Si tu mets ton image en "float;right", le texte est formaté de manière autonome : l'image est affichée à droite et tu peux formater ton texte comme tu le souhaites ensuite, que ce soit en justifié, aligné à gauche ou à droite. A partir du moment où tu utilises un "float", l'image sort du "flux" (elle "flotte" donc .
Cordialement,