Se connecter avec
S'enregistrer | Connectez-vous

HTML - IMAGE A COTÉ DU TEXTE ?

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte
Expert Programmation

C'est parce que une div fais un saut de ligne auto...

Le mieux c'est que tu fasse un tableau...


  1. <div class="contenu">
  2. <table>
  3. <tr>
  4. <td>
  5. blablablablabla
  6. </td>
  7. <td>
  8. <a href="http blablablablabla="><img
  9. border="0"
  10. src="http blablablablabla" /></a>
  11. </td>
  12. </tr>
  13. </table>
  14. </div>

pas la peine d'utiliser un tableau :
  1. <div class="contenu"> blablablablabla <a href="http blablablablabla="><img
  2. border="0" src="http blablablablabla" style="float: right;" /></a></div>


le float permet de'afficher sur la meme ligne sans que le texte viennne deborder dessus.
Si tu veut avoir l'image a droite, il suffit de mettre left au lieu de right.

Une autre solution plus propre par rapport aux stanards du W3C (qui déconseille l'utilisation à outrance des tableaux pour la mise en page) et l'utilisation de la propriété CSS float comme ceci :

<div class="photo"><img src="mon image" alt="une image" /></div>
<div class="contenu"> blablablablabla </div>

avec dans l'en-tête : <style>
.image{float: left;}
</style>


Tu peux aussi mettre ce style directement dans la balise (mais je connais pas exactement la synthaxe du style dans les balises) ou dans une feuille CSS séparée.

Le Yaude a dit :
Tu peux aussi mettre ce style directement dans la balise (mais je connais pas exactement la synthaxe du style dans les balises) ou dans une feuille CSS séparée.


C'est juste ce que j'ai fais au dessus, le float est inclu dans la balise.
Lassé par la pub ? Créez un compte
Tom's guide dans le monde