Pproblème avec balise <DIV>

Résolu
boss183 Messages postés 187 Statut Membre -  
boss183 Messages postés 187 Statut Membre -
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 :
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



5 réponses

Doctor C Messages postés 648 Statut Membre 399
 
Ton DIV devrait avoir un CSS de ce genre:

#content {
    width: 50% ;
    text-align: center ;
    margin: 0 auto ;
}


Étant donné qu'un div est centré selon l'élément parent (l'élément body dans ton cas), tu dois assigné une taille à ton body (ainsi qu'à ton html pour être certain).

html {
    height: 100% ;
    width: 100% ;
}

body {
    height: 100% ;
    width: 100% ;
}


Je crois qu'avec tout ça, tout devrait foonctionner.
0
boss183 Messages postés 187 Statut Membre 17
 
Merci pour ta réponse Doctor C !

J'ai testé et j'obtiens un texte centré mais pas justifié, je pense que, contrairement à Word, c'est possible de faire ça, est tu sais comment faire ?
0
Doctor C Messages postés 648 Statut Membre 399
 
Oj, je me suis trompé ci-haut, le div devrait avoir cela comme CSS:

#content {
    width: 50% ;
    text-align: justify ;
    margin: 0 auto ;
}


Le margin:0 auto s'occupe de centrer ton div dans son conteneur.
Le text-align: justify rend le contenu du div justifié.
0
boss183 Messages postés 187 Statut Membre 17
 
Euh ... du coup maintenant, mon texte est justifié mais pas centré
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
boss183 Messages postés 187 Statut Membre 17
 
echo "<div style='width:50%;margin:auto;'><p style='text-align:justify;'>".$description."</p></div>";


Voilà la solution !
0