centrer une page html

emelinecarp

15 novembre 2017 à 14:36:53

Bonjour

J'aimeri savoir comment centrer mon texte sur ma page

Merci beaucoup

<html>

<head>

<title>Ma page Personnelle</title>

body {

font: normal 100.01% Helvetica, Arial, sans-serif;

color: black; background-color: #ffffe;%#ffffe1

}

ul#menu {

margin: 0; padding: 0.8em;

text-align: center;

% border: 1px solid black;

background-color: white %silver;

}

ul#menu li {

list-style: none;

display: inline;

margin: 0.4em; padding: 0;

}

ul#menu a, ul#menu span {

padding: 0.2em 1em;

text-decoration: none; font-weight: bold;

border: 1px solid black;

border-left-color: white; border-top-color: white;

color: maroon; background-color: #ccc;

}

* html ul#menu a, * html ul#menu span {

width: 1em; /* nécessaire pour IE 5.0x seulement */

w/idth: auto; /* annulé par mesure de sécurité pour IE 6 */

}

ul#menu a:hover, ul#menu span {

border-color: white;

border-left-color: black; border-top-color: black;

color: white; background-color: gray;

}

</style>

</head>

<body>

<h3 id="exemple">Ma page personnelle</h3>

<li><a href="index.html">Accueil</a></li>

<li><a href="enseignement.html">Enseignement</a></li>

<li><a href="publi.html">Publications</a></li>

<li><a href="exposes.html">Exposés</a></li>

</ul>

<h1> <U> Année 2016-2017 </U> </h1>

<h5> 2ème année de chargé de mission d'enseignement à l'université Lille 1: </h5>

<ul>

<li> Cours/TD Algèbre, Licence 1, filière SESI (46h de Cours et TD) ; </li>

<li> Colle Algèbre/Analyse, Licence 1, filière SESI (16h) . </li>

</ul>

<h1 > <U> Année 2015-2016 </U> </h1>

<h5> 1ème année de chargé de mission d'enseignement à l'université Lille 1: </h5>

<ul>

<li> Cours/TD Algèbre, Licence 1, filière SESI (46h de Cours et TD) ; </li>

<li> Colle Algèbre/Analyse, Licence 1, filière SESI (16h) . </li>

</ul>

<h1> <U> Année 2013-2014 </U> </h1>

<h5>Chargé de colle :</h5>

<ul>

<li> Colle Algèbre/Analyse, Licence 1, filière PEIP (48h) . </li>

</ul>

</section>

</body>

</html>

Benzouye

15 novembre 2017 à 15:12:46

Bonjour,

Ce forum se base sur des règles : https://openclassrooms.com/forum/sujet/regles-et-bonnes-pratiques-du-forum

Notamment dans la mise en forme du code qui facilite la lecture pour les autres membres ...

Merci de (re)lire ces règles et de les appliquer ... en commençant par éditer ton message (bouton "Modifier") pour utiliser la balise code (bouton </> de l'éditeur).

Par ailleurs ta question démontre un manque de recherche évident. La mise en forme des balises HTML est un sujet largement traité sur Internet, et par exemple dans le cours HTML/CSS (cf. ma signature).

Seul on va plus vite, ensemble on va plus loin ... A maîtriser : Conception BDD, MySQL, PHP/MySQL

Djiins

15 novembre 2017 à 15:49:30

Bonjour emelinecarp,

Afin de pouvoir te répondre, il faudrait effectivement que ton code sois lisible.

2 choses à faire pour cela, comme le dit Benzouye tu utilise la balise code du forum puis,

commence à prendre de bonnes habitudes, et indente ton code proprement. Quand tu le relira tu sera content.

Une ressource très utile en CSS c'est le w3 school c'est un site qui recense des ressources dans divers langages du web dont le CSS.

Je pense effectivement qu'une petite recherche s'impose google is your friend.

Ne pense pas que les internautes vont faire le travail à ta place.

Commence par chercher sur le web et ensuite si tu galère viens poser tes questions.

Bonne continuation