Espacement entre une image et du texte

Espacement entre une image et du texte - HTML/CSS - Programmation

Marsh Posté le 24-07-2004 à 11:07:33    

Sur un page web, j'ai une image avec du texte à coté. En HTML ça donne ça :

Code :
  1. <img src="images.jpg" align="left"><p>du texte, du texte et encore du texte</p>


Mon problème c'est que le texte est trop collé à l'image et je voudrais qu'il y ait une petite marge.
Comment faire ?


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Marsh Posté le 24-07-2004 à 11:07:33   

Reply

Marsh Posté le 24-07-2004 à 11:15:17    

dans l'<img> tu rajoutes style="margin-bottom: 5px;" par exemple


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 24-07-2004 à 11:19:57    

Ha ben oui, ct si simple :)
Merci


Message édité par zezette le 24-07-2004 à 11:20:08

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Marsh Posté le 24-07-2004 à 11:22:25    

antp : ok mais tu vas pas aller loin dans la mise en page avec des <p>...


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 24-07-2004 à 11:24:12    

JagStang a écrit :

antp : ok mais tu vas pas aller loin dans la mise en page avec des <p>...


 
:??:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 24-07-2004 à 11:36:14    

je veux dire par là que c'est vite limité quoi


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 24-07-2004 à 13:41:49    

tu voulais parler à zezette ?
 
de toute façon, le <p> est un type "block" tout comme les <div> ...

Reply

Marsh Posté le 24-07-2004 à 14:13:05    

non. le <p> n'est pas un type block... :pfff:


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 24-07-2004 à 14:31:47    

C'est un type quoi alors ? :heink: C'est pas de l'inline hein.
C'est juste un bloc qui a des marges/padding par défaut et qui sémantiquement représente un paragraphe, non ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 24-07-2004 à 14:34:39    

un block peut être défini en largeur et un paragraphe non. c'est qui diffère d'un div et d'un p. non?


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 24-07-2004 à 14:34:39   

Reply

Marsh Posté le 24-07-2004 à 14:55:22    

Je viens de vérifier, un p est exactement comme un div (il accepte d'ailleur width)
 
C'est pour ça, on pense que XHTML strict = plein de div.. mais souvent les div peuvent être remplacé par des p, h1...

Reply

Marsh Posté le 24-07-2004 à 14:55:59    

ok.. :jap:


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 25-07-2004 à 14:18:58    

JagStang a écrit :

non. le <p> n'est pas un type block... :pfff:


Le <p> EST de type block, c'est absolument certain !

Reply

Marsh Posté le 25-07-2004 à 14:24:51    

zezette a écrit :

Sur un page web, j'ai une image avec du texte à coté. En HTML ça donne ça :

Code :
  1. <img src="images.jpg" align="left"><p>du texte, du texte et encore du texte</p>


Mon problème c'est que le texte est trop collé à l'image et je voudrais qu'il y ait une petite marge.
Comment faire ?


Pourquoi ne pas faire juste ca :  

Code :
  1. <p">du texte, du texte et encore du texte</p>


avec dans la feuille de style pour la balise :  

Code :
  1. #mon_p {
  2.     background: no-repeat top left url("..." );
  3.     padding-left: 42px;
  4. }


C'est plus sympa je trouve d'avoir ses images de *décoration* dans la feuille de style et non directement dans la page HTML. Cela permet egalement de la modifier par exemple avec un a:hover...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed