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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Fixer la largeur maximale des lignes d'une page HTML

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Fixer la largeur maximale des lignes d'une page HTML

n°1881856
zezette
"Allez hop, au revoir"
Posté le 07-05-2009 à 14:16:21  profilanswer
 

Bonsoir à tous,
 
Je fais une petite page HTML (qui va en fait être du "papier à lettre" pour Windows Mail (de Vista)) et je voudrais que le texte passe automatiquement à la ligne dès qu'une ligne dépasse 625px de large. J'ai essayé des tas de solutions, mais rien ne marche...
 
 
Mon code :

Code :
  1. <HTML>
  2. <HEAD>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <STYLE>
  5. body {
  6. font-family: Adobe Caslon Pro;
  7. font-size: 12pt;
  8. color: 000000;
  9. width: 625px;
  10. margin-top: 125px;
  11. margin-left: 25px;
  12. background-position: top left;
  13. background-repeat: no-repeat;
  14. max-width:625px;
  15. }
  16. #content {
  17. position:absolute;
  18. font-family: Adobe Caslon Pro;
  19. font-size: 12pt;
  20. color: 000000;
  21. top: 125px;
  22. left: 25px;
  23. width: 625px;
  24. height: 475px;
  25. visibility:visible;
  26. }
  27. </STYLE>
  28. </HEAD>
  29. <BODY id="ridBody" background="CommuniqueFr.gif">
  30. <div id="content">Coller le texte ici</div>
  31. </BODY>
  32. </HTML>


 
L'idée du DIV marchait dans Windows Live Mail, mais ne marche pas dans Winddows Mail (le div n'apparait pas)


Message édité par zezette le 07-05-2009 à 20:40:00

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
mood
Publicité
Posté le 07-05-2009 à 14:16:21  profilanswer
 

n°1881857
David Bori​ng
Posté le 07-05-2009 à 14:24:31  profilanswer
 

Recommence en table, et sans position absolute.
C'est un mail, pas une page web !

n°1881862
zezette
&#034;Allez hop, au revoir&#034;
Posté le 07-05-2009 à 14:31:36  profilanswer
 

J'y ai pensé, mais la table n'apparait pas non plus :( ; apparemment il dégage tout ce qu'il y a entre body et /body... faut donc une propriété de body qui limite la largeur...


Message édité par zezette le 07-05-2009 à 14:43:27

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°1881875
gelatine_v​elue
Posté le 07-05-2009 à 15:11:38  profilanswer
 

Attends, tu mets du code dans le body qui n'apparait pas? Y'a quand même des balises qui restent non?
Peut être avec une balise <p>?

n°1881876
olivthill
Posté le 07-05-2009 à 15:12:23  profilanswer
 

Pour que le texte revienne à la ligne, il faut utiliser les propriétés :

text-wrap:normal | unrestricted | none | suppress;
word-break:normal | keep-all | loose | break-strict | break-all;
hyphenate:none | auto;
word-wrap:normal | break-word;

Elle marchent pour CSS3 et donc ne donnent rien avec les navigateurs qui ne suivent pas ce standard.

n°1881879
gelatine_v​elue
Posté le 07-05-2009 à 15:18:40  profilanswer
 

olivthill a écrit :

Pour que le texte revienne à la ligne, il faut utiliser les propriétés :

text-wrap:normal | unrestricted | none | suppress;
word-break:normal | keep-all | loose | break-strict | break-all;
hyphenate:none | auto;
word-wrap:normal | break-word;

Elle marchent pour CSS3 et donc ne donnent rien avec les navigateurs qui ne suivent pas ce standard.


 
Le texte revient à la ligne par défaut, là il faut plutôt arriver à spécifier un conteneur de 625px de large d'après ce que je comprends.

n°1881920
zezette
&#034;Allez hop, au revoir&#034;
Posté le 07-05-2009 à 16:06:28  profilanswer
 

gelatine_velue a écrit :

Attends, tu mets du code dans le body qui n'apparait pas? Y'a quand même des balises qui restent non?
Peut être avec une balise <p>?


 
Non, il dégage tout ce qu'il y a entre body et /body...


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°1881923
zezette
&#034;Allez hop, au revoir&#034;
Posté le 07-05-2009 à 16:07:27  profilanswer
 

gelatine_velue a écrit :


 
Le texte revient à la ligne par défaut, là il faut plutôt arriver à spécifier un conteneur de 625px de large d'après ce que je comprends.


 
Tu comprends bien :)


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°1881944
gelatine_v​elue
Posté le 07-05-2009 à 16:50:45  profilanswer
 

Ton body a une largeur variable. Il faudrait donner dynamiquement un padding de sorte à compenser la largeur et faire que le contenu fasse 625px. En javascript, peut être par une fonction dans le onload?

n°1881947
David Bori​ng
Posté le 07-05-2009 à 16:55:10  profilanswer
 

En javascript dans un mail ! Bonne chance …

mood
Publicité
Posté le 07-05-2009 à 16:55:10  profilanswer
 

n°1881988
David Bori​ng
Posté le 07-05-2009 à 19:48:00  profilanswer
 

C'est normal que le contenu de ton body soit entre commentaires ?
Parce que c'est normal sinon de ne rien voir.

n°1882005
zezette
&#034;Allez hop, au revoir&#034;
Posté le 07-05-2009 à 20:39:36  profilanswer
 

David Boring a écrit :

C'est normal que le contenu de ton body soit entre commentaires ?
Parce que c'est normal sinon de ne rien voir.


 
hé hé :D pas con :D mais non ça n'a rien avoir, c'est un test que j'avais fait, et meme sans les commentaires, ça n'apparait pas


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

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

  Fixer la largeur maximale des lignes d'une page HTML

 

Sujets relatifs
script Unix de formatage de fichier HTMLScript HTML à insérer dans VBA
code recherche d'une page en htmlCreer un "pele mele" sur une page
[RESOLU]HTML - includes et charsetGoogle préfère t'il le php au html ?
Actualisation d'une page avec des imagesActualisation d'une page avec des images
Actualisation de la page / Cookie 
Plus de sujets relatifs à : Fixer la largeur maximale des lignes d'une page HTML


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