Tom's Guide > Forum > Programmation > HTML - IMAGE A COTÉ DU TEXTE ?

HTML - IMAGE A COTÉ DU TEXTE ?

Forum Programmation : HTML - IMAGE A COTÉ DU TEXTE ?

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
supergirl396   02-09-2007 à 15:39:13

SALUT

voila, mon probleme : j'aimerai mettre un texte et une image a coté, et je ny arrive pas, l'image se met en dessous...

Code :
  1. <div class="contenu"> blablablablabla </div><a href="http blablablablabla="><img
  2. border="0"
  3. src="http blablablablabla" /></a>



merci

je precise que je debut donc pas trop de charabia ! !

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Badge Programmation Bronze Allstar27   02-09-2007 à 19:10:10
- 0 +

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

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


Code :
  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>

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
Le22   02-09-2007 à 19:40:06
- 0 +

pas la peine d'utiliser un tableau :

Code :
  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.

Répondre à Le22
Le Yaude   02-09-2007 à 19:42:46
- 0 +

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.

Message cité 1 fois
Répondre à Le Yaude
Le22   03-09-2007 à 08:00:53
- 0 +

Le Yaude a écrit :

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.


Message édité par Le22 le 03-09-2007 à 08:01:25
Répondre à Le22
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > HTML - IMAGE A COTÉ DU TEXTE ?
Aller à :

Il y a 228 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,333 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens