je pense que j'ai encore besoin de travailler je commence le html seulement depuis hier matin et j'avoue ne pas tout comprendre
je je joins le code html de ma page:
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<!--[if lte IE 7]>
7 <link rel="stylesheet" href="style_ie.css" />
8 <![endif]-->
<title>Atelier d'orientation scolaire. Plus qu'un test d'orientation ou qu'un test de personnalité, une methode efficace qui vous assurera, dès le lycée, la réussite dans vos études et en tant que futur professionnel.</title>
</head>
<body>
<section class="illustration">
<img src="dortsurlivre.jpeg" alt=foto d'étudiant dormant sur ses livres" /></section>
<section class="descriptif">
<h1>Choisissez les bonnes études!</h1>
<h2> Une méthode efficace, élaborée à partir de techniques de coaching, d'outils de PNL et de psychologie positive.</h2></br>
<p class="soutitre">
POURQUOI PRENDRE CE COURS?</p></br>
<p>
Que vous ayez déjà choisi votre orientation ou que vous hésitiez encore, une chose est sûre : vous n'avez pas le droit à l'erreur.
Trop de gens choisissent une orientation pour des raisons impersonnelles mais se rendent compte au bout de quelques année en poste qu'ils ont fait fausse route.
Vous devez choisir des études qui vous correspondent vraiment.
Vous ne choisirez la filière d'étude qui vous correspond que si vous apprenez à vous connaître de façon claire et honnête.
Pour choisir votre orientation idéale il faut respecter certaines étapes.
Plus qu'un test d'orientation ou qu'un test de personnalité, ce cours vous propose une méthode efficace en 6 étapes élaborée à partir de techniques de coaching, d'outil PNL et de psychologie positive.
Cette méthode qui vous amènera pas à pas à mieux vous connaître et à choisir votre orientation idéale.
</p>
</section></br></br></br>
<section class="programme">
<p class="soutitre">PROGRAMME</p>
<p> hhhhhttttttttttttdkpspspcjnssucisoppz^z^z^z^^z^z^z^z^z^z^z^d^d^d^dehehhehrjfvlvlvllrlrlrlrlrlllflflflflflrlrlrlrllllflflflf</p>
</section></br></br></br>
<section class="qui">
<p class="soutitre">
QUI DEVRAIT PRENDRE CE COURS?</p></br>
<ul>
<li>Tout étudiant ayant déjà choisi son orientation scolaire et/ou professionnelle et souhaitant vérifier si son choix et bon.</li>
<li>Tout étudiant qui hésite sur son orientation et qui n'arrive pas à choisir.</li>
</ul>
</section>
<section class="instructeur">
<p class="soutitre">INSTRUCTEUR: PASCAL DUBAELE</p>
<p>Dans la relation d'aide depuis une dizaine d'année, comprendre l'homme et le pousser à se dépasser à toujours été pour moi un challenge.
Passionné par les sciences humaines et Coach certifié à la haute école de coaching de paris, j'ai accompagné des personne dans leur reconversion professionnelle. De ces accompagnements au sein desquels une orientation scolaire avait souvent été négligée est née l'idée de proposer ce cours « Faites de votre choix d'études une réussite ».
</p>
</section>
</body>
<footer></footer>
</html>
et le css
h1
{ text-align: justify; font-family: Verdana ; font-size: 21px; }
h2
{ text-align: justify; font-family: Verdana ; font-size: 15px; color: gray; }
p
{ color: gray; text-align: justify; font-family: Verdana ; font-size: small; word-wrap: break-word; }
.illustration
{ display: inline-block; width: 56%; vertical-align: top; padding: 2%; }
.descriptif
{ display: inline-block; width: 30%; vertical-align: top; }
.soutitre
{ font-size: 16px; }
.programme
{position: absolute;
right: 120px;
left: 473px;
top: 550px; }
.instructeur
{position: absolute;
right: 120px;
left: 300px;
bottom: 80px;}
ul
{ color: gray; text-align: justify; font-family: Verdana ; font-size: small; word-wrap: break-word; }
.qui
{position: absolute;
left: 40px;
right: 800px;
top: 550px; }
.