Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1919 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Espacement entre une image et du texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Espacement entre une image et du texte

n°805193
zezette
"Allez hop, au revoir"
Posté le 24-07-2004 à 11:07:33  profilanswer
 

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
mood
Publicité
Posté le 24-07-2004 à 11:07:33  profilanswer
 

n°805200
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-07-2004 à 11:15:17  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°805206
zezette
&#034;Allez hop, au revoir&#034;
Posté le 24-07-2004 à 11:19:57  profilanswer
 

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
n°805209
jagstang
Pa Capona ಠ_ಠ
Posté le 24-07-2004 à 11:22:25  profilanswer
 

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?  
n°805211
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-07-2004 à 11:24:12  profilanswer
 

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
n°805217
jagstang
Pa Capona ಠ_ಠ
Posté le 24-07-2004 à 11:36:14  profilanswer
 

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?  
n°805281
TriadPtale
Posté le 24-07-2004 à 13:41:49  profilanswer
 

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

n°805297
jagstang
Pa Capona ಠ_ಠ
Posté le 24-07-2004 à 14:13:05  profilanswer
 

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?  
n°805309
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-07-2004 à 14:31:47  profilanswer
 

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
n°805314
jagstang
Pa Capona ಠ_ಠ
Posté le 24-07-2004 à 14:34:39  profilanswer
 

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?  
mood
Publicité
Posté le 24-07-2004 à 14:34:39  profilanswer
 

n°805325
TriadPtale
Posté le 24-07-2004 à 14:55:22  profilanswer
 

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

n°805326
jagstang
Pa Capona ಠ_ಠ
Posté le 24-07-2004 à 14:55:59  profilanswer
 

ok.. :jap:


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
n°805689
alexistoul​otte
Al
Posté le 25-07-2004 à 14:18:58  profilanswer
 

JagStang a écrit :

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


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

n°805690
alexistoul​otte
Al
Posté le 25-07-2004 à 14:24:51  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Espacement entre une image et du texte

 

Sujets relatifs
[PERL] Écrire du texte en couleur ?Contrôler une image Gif via Javascript ou autre
ACCESS: chiffres au lieu du texte sélectionnéTaille d'une image à l'impression
pb fichier texte et vue avec EclipseParamétrer les séparateurs lors de la lecture d'un fichier texte
Nombre de ligne d'un fichier texte ouvert sous Excel[CSS] Puce collée au texte
récupérer une image access sous excelRecherche dans du texte
Plus de sujets relatifs à : Espacement entre une image et du texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR