Se connecter / S'enregistrer

Résolu Problème avec balise <DIV>

Solutions (16)
Tags :
  • Syntaxe
  • Html
  • Echo
  • Programmation
|
Bonjour à tous,

je viens vers vous car je souhaiterais, par le biais du HTML, afficher un texte centré et justifié et dont la largeur ne dépasse pas un certain pourcentage de la page.

Pour l'instant, j'utilise la balise <DIV> avec comme option style='width:50%'; align ='justify' mais je n'arrive pas à centrer mon texte, j'ai essayé avec margin-right : auto et left : auto non plus (peut être que ma syntaxe n'était pas bonne).
Et en utilisant <P align='center'> je n'arrive pas à justifier et à limiter la largeur.

Ci-dessous mon code :
  1. echo "<font color=#5093b2 size=4'><B>"."Il y a une information concernant </FONT>"."<Font size=4 color='#E7634D'>".$name." ".$vers."</FONT>"."<BR>"."<div style='width:50%'; align ='justify';>".$description."</DIV>"."<BR><BR>";



Pouvez-vous m'aider

Merci d'avance
Contenus similaires
Meilleure solution
partage
, Modérateur |
Au risque de me répéter pour la 3ème fois...

  1. echo "<div style='width:50%;margin:auto;'><p style='text-align:justify;'>".$description."</p></div>";
  • Commenter cette solution |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par boss183.
  • Commenter cette réponse |
Score
0
òh
òi
|
C'est bon ça marche ! Merci !
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Comment ça ça marche pas?

Avec ce code, la div prend 50% de la page, est centrée et le texte à l'intérieur est justifié
  • Commenter cette réponse |
Score
0
òh
òi
|
Non j'ai bien essayé mais ça ne marche pas, merci quand même !
  • Commenter cette réponse |
Score
0
òh
òi
|
Alors en fait moi je voudrais avoir un texte justifié, à peu près centré et dont la largeur est environ égale à 50% de la taille de la page.
Et là j'ai un texte justifié, la largeur est environ égale à 50% de la taille de la page mais mon texte est aligné à gauche.

Tu comprends ?
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
tu peut faire une image de ce que tu a , et une image de ce que tu voudrais avoir ... car j'ai du mal a visualisé ...
  • Commenter cette réponse |
Score
0
òh
òi
|
J'ai essayé mais ça ne marche pas, je dois surement pas utiliser la bonne syntaxe :

<div style='width:50%'; padding-left=20px' align ='justify';>".$description."</DIV>

pouvez-vous m'aider ?
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Je t'ai donné un exemple, ça ne te vas pas ?
  • Commenter cette réponse |
Score
0
òh
òi
|
Tu peux détailler plus andrelec1, je dois utiliser margin-right ??

Merci
  • Commenter cette réponse |
Score
0
òh
òi
, Programmation (collector) |
padding pour les marge interrieure ...

  • Commenter cette réponse |
Score
0
òh
òi
|
Citation :
Tu peux positionner ton texte de manière qu'il soit centré par rapport à son conteneur, mais c'est tout:


Je pense que c'est ce qu'il recherche :) 
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Mais ça ne veut rien dire un texte centré et justifié à la fois.
S'il est justifié, il va prendre toute la largeur disponible, donc qu'il soit centré ou pas, ça donnera la même chose.

Tu peux positionner ton texte de manière qu'il soit centré par rapport à son conteneur, mais c'est tout:

  1. <div style="width:300px;margin:auto;">
  2. <p style="text-align:justify;">
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices est non magna vestibulum tristique. Ut fringilla magna et turpis tincidunt iaculis elementum arcu interdum. Sed in commodo purus. Duis eu fringilla eros. Cras venenatis blandit mauris, ac ultricies tellus sagittis id. Vestibulum lectus risus, pellentesque id tincidunt at, feugiat sit amet erat. Pellentesque ut commodo sapien. Donec ut ultrices dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin iaculis neque sed nulla mollis consectetur. Vivamus cursus diam quis metus mattis non ultrices orci volutpat. Integer id pulvinar arcu. Duis dapibus, tortor a suscipit pulvinar, lacus magna imperdiet nibh, vitae cursus diam felis a purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis risus nunc, ut mollis risus. Nulla scelerisque dapibus nisi, quis rhoncus sem mollis nec. Nulla nec aliquam metus. Vivamus at felis vel nibh vulputate consectetur lacinia pretium nulla. Suspendisse in purus dolor. Vivamus vel nibh neque.
  4. </p>
  5. </div>
  • Commenter cette réponse |
Score
0
òh
òi
|
Je pense que tu as bien compris ce que je voulais dire. En effet, sous Word, il n'est pas possible de faire à la fois justifié et centré mais je pense que ça peut être possible avec HTML/CSS en combinant les balises <DIV>, <SPAN>, <P> ou autres ...
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Salut,

Tu ne peux pas faire un texte centré et justifié, c'est soit centré, soit justifié (soit aligné à gauche, soit aligné à droite).

Ou sinon j'ai pas compris ce que tu voulais faire.
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS