CSS: Centrer un texte encadré [Résolu/Fermé]

Antoine - 13 mars 2008 à 22:01 - Dernière réponse :  Z3n3rd
- 8 févr. 2018 à 11:22
Bonsoir,

J'ai un petit soucis dans mon code CSS:

J'ai un texte, qui est encadré, mais que je n'arrive pas à centrer dans la page html. Il se centre bien dans le cadre que je lui ai créé, mais le cadre lui reste à gauche de l'écran.

Voici le code:


H1 {
font-size : 50px;
color : yellow;
font-family : cursive;
background : black;
border-width : 20px;
border-color : yellow;
border-style : ridge;
text-align : center;
width : 600px;
margin-top : 100px;
}


(le "text-align" ne centre que le texte dans le cadre)

Si quelqu'un savait m'aider!

Merci d'avance,

Antoine.
Afficher la suite 

8 réponses

+1
Utile
2
Bonsoir,

Je ne sais pas si tu as compris ce que je voulais faire (Et ce que j'ai déjà fait)

En fait, le cadre dont je parle a été créé en css avec cela:

border-width : 20px;
border-color : yellow;
border-style : ridge;


C'est donc plutôt une bordure autour d'un texte plutôt qu'un cadre avec <table>, <td> et <tr>

Egalement, le code css est dans une feuille de style externe, donc j'aurais aimé laissé le <H1> sans attribut. (Du moins pour le moment)

Antoine
boumbou64 28 Messages postés lundi 10 mars 2008Date d'inscription 13 décembre 2009 Dernière intervention - 13 mars 2008 à 22:59
Oui pardon voilà ce qu'il te faut


H1 {
font-size : 50px;
color : yellow;
font-family : cursive;
background : black;
border-width : 20px;
border-color : yellow;
border-style : ridge;
text-align : center;
width : 600px;
margin-top : 100px;
margin-left:auto;
margin-right:auto;
}

J'espère que la je t'es compris
Merci, chez moi cette solution fonctionne a merveille
+1
Utile
1
Bonsoir,

Voilà j'ai rajouté les deux lignes de code avec margin-left et margin-right, mais ca n'a rien changé, donc j'ai changé le "auto" de margin-left par 100px et il s'est bien décalé vers la droite. Je vais essayer de bien centrer ça.

Voilà merci à toi et bonne soirée!

Antoine
boumbou64 28 Messages postés lundi 10 mars 2008Date d'inscription 13 décembre 2009 Dernière intervention - 13 mars 2008 à 23:23
Ok sa marche marque comme quoi ces résolu

A+ peut être
boumbou64 28 Messages postés lundi 10 mars 2008Date d'inscription 13 décembre 2009 Dernière intervention - 13 mars 2008 à 22:23
0
Utile
salut tu peut me donnez le script de t'on texte avec le cadre

Que je te dise pas de bétise
-1
Utile
1
Bonsoir,

Je suppose que vous me demandez cela:

<H1> Bonjour </H1>

Merci pour votre aide Boumbou64

Antoine
boumbou64 28 Messages postés lundi 10 mars 2008Date d'inscription 13 décembre 2009 Dernière intervention - 13 mars 2008 à 22:41
donc si j'ai bien compris t'on texte avec le cadre et dans H1

alors essaye sa sa devrai t'aidez


<H1 style="text-align:center">Texte + Cadre</H1>