bonjour,
sur :
http://www.marclabro.com/index.php?o...=20&Itemid=214
j'essaye de faire la même chose que sur :
http://www.karya.fr/newsletters/114-newsletter-36.html

mais je ne m'en sors pas avec les float right...

j'ai fait un div float right de largeur 140px pour centrer l'image de 180x254 (vous pouvez la télécharger en cliquant droit sur celle du site karya) ramenée à une largeur de 120px et sous celle-ci centrer un "bouton" "download

j'ai arbitrairement pris un horrible vert sur download et il prend toute la hauteur

de plus mon texte entoure l'image et je souhaiterais qu'il reste à gauche.
j'ai essayé un div float left pour le texte mais il est passé sous l'image :-(

pouvez-vous m'aider ?

le code doit être dans style en ligne car je ne maitrise pas encore dans joomla le moyen de créer mes classes (ici une classe pour la catégorie agenda)

j'ai lancé firebug sur la page karya et il me semble que mes styles sont assez similaires mais il doit manquer quelque chose comme par exemple je n'ai pas encore de classe readmore pour le bouton... donc dans un premier temps un bouton vert fera l'affaire.

merci d'avance

mon code :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div style="float: right; width: 140px; background: #FFFFFF; margin: 20px 0px 50px 50px;"><img style="border: 1px solid #a9a9a9; margin: 10px 10px 20px 0px; float: right; box-shadow: 4px 4px 8px #AAAAAA;" alt="li 36-small" src="images/lettres_info/li_36-small.jpg" width="120" />
	<p style="background-color: green; width: 120px; font-family: arial; color: #000000; font-size: 14px; text-align: center; margin: 0px; padding: 0px;"><a href="images/mes_documents/pdf/wima_capacitors.pdf">Download</a>
	</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum posuere odio porttitor porta. Aliquam non mauris non massa consequat vehicula in ac turpis. Aliquam euismod vulputate magna, in dapibus odio sollicitudin non. Maecenas porta mauris augue. Quisque volutpat risus ut elit bibendum eget sodales dui semper. Proin vel enim ligula. Suspendisse vitae erat vestibulum nisi pulvinar tempus eget nec mi. Aliquam cursus, arcu a varius elementum, turpis nibh pretium sapien, vitae vehicula nisl lectus imperdiet diam. Morbi orci sapien, elementum vitae egestas et, mollis facilisis ipsum. Sed lacinia aliquet libero, ut vulputate est adipiscing quis. Aliquam auctor nisl vel lectus consequat adipiscing. Nullam nec arcu lorem.</p>
<p>Nunc a risus eget risus interdum mattis ac in ligula. Quisque arcu odio, tempus in consequat eu, varius et dui. Ut ut nisi quam. Aliquam dignissim tortor sit amet magna scelerisque sed rhoncus nunc viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec cursus dolor vitae magna sagittis a facilisis lorem auctor. Curabitur vitae quam ipsum, vel dignissim sapien.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum posuere odio porttitor porta. Aliquam non mauris non massa consequat vehicula in ac turpis. Aliquam euismod vulputate magna, in dapibus odio sollicitudin non. Maecenas porta mauris augue. Quisque volutpat risus ut elit bibendum eget sodales dui semper. Proin vel enim ligula. Suspendisse vitae erat vestibulum nisi pulvinar tempus eget nec mi. Aliquam cursus, arcu a varius elementum, turpis nibh pretium sapien, vitae vehicula nisl lectus imperdiet diam. Morbi orci sapien, elementum vitae egestas et, mollis facilisis ipsum. Sed lacinia aliquet libero, ut vulputate est adipiscing quis. Aliquam auctor nisl vel lectus consequat adipiscing. Nullam nec arcu lorem.</p>
<p>Nunc a risus eget risus interdum mattis ac in ligula. Quisque arcu odio, tempus in consequat eu, varius et dui. Ut ut nisi quam. Aliquam dignissim tortor sit amet magna scelerisque sed rhoncus nunc viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec cursus dolor vitae magna sagittis a facilisis lorem auctor. Curabitur vitae quam ipsum, vel dignissim sapien.</p>