Problème alignement codage HTML/CSS

Résolu/Fermé
Signaler
Messages postés
9
Date d'inscription
lundi 16 février 2015
Statut
Membre
Dernière intervention
29 avril 2017
-
Messages postés
1476
Date d'inscription
samedi 25 juin 2016
Statut
Contributeur
Dernière intervention
11 juin 2021
-
Bonjour,

Je suis en train de coder un site en HTML5/CSS3.

Je rencontre un problème d'alignement sur plusieurs de mes pages : lorsque je spécifie dans ma feuille CSS l'alignement de mes éléments (align-content: center ou text-align: center), rien ne se passe, les photos comme le texte restent sur la gauche de la page. J'ai également essayé de jouer sur les marges, mes rien ne se passe.

Quelqu'un a-t-il une solution ?

Merci d'avance :)

2 réponses

Messages postés
353
Date d'inscription
jeudi 6 octobre 2016
Statut
Membre
Dernière intervention
17 avril 2021
167
Donne ton code.
Messages postés
9
Date d'inscription
lundi 16 février 2015
Statut
Membre
Dernière intervention
29 avril 2017

html :
<br/>
<p12><img src="Images/5%20raisons%20de.png" alt="5 raisons de travailler avec moi" style="width:600px;height:1500px;border:0"> </p12>


css :
p12 {align-content: center;margin-left: 200;margin-right: 200; width: 100%}
Messages postés
1476
Date d'inscription
samedi 25 juin 2016
Statut
Contributeur
Dernière intervention
11 juin 2021
212
Salut,

Ton erreur se situe sur ta balise, pour ajouter une classe ou un id, tu doit écrire le nom de la balise puis après un espace
class="p12"
ou
id="p12"
. Donc
<p class="p12">
.
On ne répète pas non plus la classe à la fermeture de la balise.
A savoir aussi qu'une classe ou un id ne peuvent commencer par un chiffre.
Donc le HTML est :
<br/>
<p class="p12"><img src="Images/5%20raisons%20de.png" alt="5 raisons de travailler avec moi" style="width:600px;height:1500px;border:0"></p> 

Dans le CSS :
.p12 {align-content: center;margin-left: 200px;margin-right: 200px; width: 100%;}

Dans les valeurs du CSS, tu dois aussi préciser les unités, càd px(pixels) et bien finir chaque propriétés par un
;

Si tu as d'autres questions :)

+++
Messages postés
9
Date d'inscription
lundi 16 février 2015
Statut
Membre
Dernière intervention
29 avril 2017

Super, ça fonctionne ! :)

Merci beaucoup pour ton aide !
Messages postés
1476
Date d'inscription
samedi 25 juin 2016
Statut
Contributeur
Dernière intervention
11 juin 2021
212 >
Messages postés
9
Date d'inscription
lundi 16 février 2015
Statut
Membre
Dernière intervention
29 avril 2017

de rien :)