Centrage de phrase

Fermé
jinko051981 Messages postés 2 Date d'inscription dimanche 9 décembre 2012 Statut Membre Dernière intervention 17 décembre 2012 - 9 déc. 2012 à 09:51
Injhall Messages postés 3563 Date d'inscription vendredi 13 juillet 2012 Statut Membre Dernière intervention 2 août 2013 - 9 déc. 2012 à 10:22
Bonjour,
Voilà j'ai commencé le codage html et j'ai un petit problème de centrage de phrase.
Voiçi ma ligne de code:
<html>
<head>
<title>ma page web</title>
<body>
<p>
<span style="color:purple">
<h2><div align=center>Mon super site</h2><br>
<br>
<br>
<br>
</p>
<p>
<h3>bienvenue sur mon site!</h3>
</p>
</body>
</head>
</html>

Je souhaite centrer la phrase "mon super site" et ça me centre l'autre phrase" bienvenue sur mon site", comment ça se fait?
Amicalement, Jinko

2 réponses

Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 92
9 déc. 2012 à 09:55
Bonjour jinko051981,
Essaie ceci :
<body style="margin-left:auto; margin-right:auto;"
0
Injhall Messages postés 3563 Date d'inscription vendredi 13 juillet 2012 Statut Membre Dernière intervention 2 août 2013 1 018
9 déc. 2012 à 10:22
Toi aussi c'est du n'importe quoi ^^

Le margin doit être utiliser obligatoirement avec la balise width. (donc le margin:auto tout seul ne marche pas)

De +, margin:auto centre le bloc, et pas le texte que le bloc contient.

Pour le texte, il faut utiliser text-align: center
0
Injhall Messages postés 3563 Date d'inscription vendredi 13 juillet 2012 Statut Membre Dernière intervention 2 août 2013 1 018
Modifié par Injhall le 9/12/2012 à 10:15
Oula, c'est du n'importe quoi ton code...

Les balises head doivent êtres en haut, les balises ne doivent pas s'entremêler, utilises les bonnes balises !!


J'ai "corrigé" ton code :

<html>
<head>
<title>Ma page web</title>
<meta charset="utf-8" />
</head>
<body>
<header><!-- en-tête de ton site (nom du site, logo, menu) -->
<h1 style="text-align: center;">Mon super site</h1>
</header>
<h2>bienvenue sur mon site!</h2>
<p>Paragraphe</p>
<footer>
<!-- Pied de page (pas obligatoire) -->
</footer>
</body>
</html>


J'ai rajouté le charset (encodage de la page).
Les <!-- --> sont des commentaires (qui ne sont pas affichés par les navigateurs), tu peux les supprimer.

J'ai mis du code CSS dans ta page HTML (h1) pour center le titre, mais il vaut mieux le mettre dans un fichier .css.
Évites également de mettre des <br /> à tout va !
0