Pproblème avec balise <DIV> [Résolu/Fermé]

Signaler
Messages postés
181
Date d'inscription
lundi 7 janvier 2008
Statut
Membre
Dernière intervention
7 octobre 2011
-
Messages postés
181
Date d'inscription
lundi 7 janvier 2008
Statut
Membre
Dernière intervention
7 octobre 2011
-
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

Messages postés
627
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
19 février 2016
388
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.
Messages postés
181
Date d'inscription
lundi 7 janvier 2008
Statut
Membre
Dernière intervention
7 octobre 2011
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 ?
Messages postés
627
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
19 février 2016
388
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é.
Messages postés
181
Date d'inscription
lundi 7 janvier 2008
Statut
Membre
Dernière intervention
7 octobre 2011
17
Euh ... du coup maintenant, mon texte est justifié mais pas centré
Messages postés
181
Date d'inscription
lundi 7 janvier 2008
Statut
Membre
Dernière intervention
7 octobre 2011
17
echo "<div style='width:50%;margin:auto;'><p style='text-align:justify;'>".$description."</p></div>";


Voilà la solution !