Problème alignement codage HTML/CSS

Résolu/Fermé
micheletophe Messages postés 9 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 29 avril 2017 - 29 avril 2017 à 12:05
Snox5 Messages postés 1475 Date d'inscription samedi 25 juin 2016 Statut Contributeur Dernière intervention 11 juin 2021 - 29 avril 2017 à 16:00
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 :)
A voir également:

2 réponses

Technoinfo Messages postés 362 Date d'inscription jeudi 6 octobre 2016 Statut Membre Dernière intervention 17 avril 2021 140
29 avril 2017 à 12:06
Donne ton code.
0
micheletophe Messages postés 9 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 29 avril 2017
29 avril 2017 à 12:12
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%}
0
Snox5 Messages postés 1475 Date d'inscription samedi 25 juin 2016 Statut Contributeur Dernière intervention 11 juin 2021 213
29 avril 2017 à 12:44
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 :)

+++
0
micheletophe Messages postés 9 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 29 avril 2017
29 avril 2017 à 15:13
Super, ça fonctionne ! :)

Merci beaucoup pour ton aide !
0
Snox5 Messages postés 1475 Date d'inscription samedi 25 juin 2016 Statut Contributeur Dernière intervention 11 juin 2021 213 > micheletophe Messages postés 9 Date d'inscription lundi 16 février 2015 Statut Membre Dernière intervention 29 avril 2017
29 avril 2017 à 16:00
de rien :)
0