Pproblème avec balise <DIV>

Résolu/Fermé

boss183 Messages postés 181 Date d'inscription lundi 7 janvier 2008 Statut Membre Dernière intervention 7 octobre 2011 - 27 avril 2011 à 13:45
boss183 Messages postés 181 Date d'inscription lundi 7 janvier 2008 Statut Membre Dernière intervention 7 octobre 2011 - 4 mai 2011 à 17:18

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

A voir également:

Pproblème avec balise <DIV>
Div c++ - Télécharger - Langages
Moyenne.si.ens #div/0 ✓ - Forum Excel
Remplacer #div/0 par vide ✓ - Forum Excel
Balise br ✓ - Forum CSS
Balise espace html - Astuces et Solutions

5 réponses

Réponse 1 / 5

Doctor C Messages postés 627 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 398
27 avril 2011 à 18:01

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.

Réponse 2 / 5

boss183 Messages postés 181 Date d'inscription lundi 7 janvier 2008 Statut Membre Dernière intervention 7 octobre 2011 17
28 avril 2011 à 09:34

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 ?

Réponse 3 / 5

Doctor C Messages postés 627 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 398
28 avril 2011 à 19:30

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

Réponse 4 / 5

boss183 Messages postés 181 Date d'inscription lundi 7 janvier 2008 Statut Membre Dernière intervention 7 octobre 2011 17
29 avril 2011 à 10:09

Euh ... du coup maintenant, mon texte est justifié mais pas centré

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

Posez votre question

Réponse 5 / 5

boss183 Messages postés 181 Date d'inscription lundi 7 janvier 2008 Statut Membre Dernière intervention 7 octobre 2011 17
4 mai 2011 à 17:18

echo "<div style='width:50%;margin:auto;'><p style='text-align:justify;'>".$description."</p></div>";

Voilà la solution !

Discussions similaires

la balise <br> ou <br />

Balise </br>

balise <br> HTML

Faire sauter 2 lignes avec br (CSS)

Discussions similaires

Newsletters