Problèmes divers sur 1er site- débutant

<A href="http://www.orientationsaussay.com/page3.html"><IMG 
alt=postit src="ACCUEIL_fichiers/post_it.gif" border=0> </SPAN></A>

<SPAN style="LEFT: 800px; WIDTH: 120px; POSITION: absolute; TOP: 400px; heigth: 120px"><A href="http://www.orientationsaussay.com/page3.html"><IMG alt=postit src="ACCUEIL_fichiers/post_it.gif" border=0> </A></SPAN>

<A href="http://www.orientationsaussay.com/page3.html"><IMG alt=postit src="ACCUEIL_fichiers/post_it.gif"  style="LEFT: 800px; WIDTH: 120px; POSITION: absolute; TOP: 400px; heigth: 120px; border: none;"></A>

width: 990px;

margin:auto;

<ul>
<li><h3>Ton Titre</h3></li>
</ul>

ul { list-style-image: url("CheminVersTonImageDePuce"); }

<a href="http://www.orientationsaussay.com/LaPagePointée.html">Texte du lien</a>

<a href="LaPagePointée.html">Texte du lien</a>

[http://www.validome.org/...

Le choix que tu as faits du XHTML 1.0 Strict est très contraignant.

Ces erreurs n'empêcheront pas ton site de fonctionner, mais il risque de se présenter bizarrement.





Je me permets aussi quelques propositions.

— Plutôt que d'utiliser une page de sommaire, qui est en quelque sorte le menu du site, pourquoi ne t'en sers-tu pas justement comme menu qui sera présent sur toutes les pages ? Un peu comme ce qu'on trouve généralement en haut des pages web (ici, par exemple, “Accueil  |  Forum  |  Astuces” etc.)

Ça facilitera la navigation.





— Le fond nuageux me trouble un peu lors du défilement des pages.

Essaye de le laisser fixe. Le texte se promènera dessus.
body {
  font-size:22px;
  color:black;
  font-family:"Comic Sans MS", sans-serif;
  background-image: url([http://www.orientationsaussay.com/fondciel.gif);]
  background-attachment : fixed;
  width: 990px;
  }


— Respecte la syntaxe HTML
<h2> <a href="page1.html">Les différentes voies d'étude après la 3ème.</h2> </a>
devrait être
<h2><a href="page1.html">Les différentes voies d'étude après la 3ème.</a></h2>

— Le soulignement dans les <h2> est trompeur. Dans les sites web, il sert généralement à indiquer des liens (on clique pour rien, surtout qu'ils ont la même couleur que les liens réels).

Les puces peuvent être alignées.

Ces titres peuvent être éloignés de ce qui les précède :
h2 {
  /*text-decoration: underline;*/
  color: purple;
  background-image: url("[http://www.orientationsaussay.com/puce-1.png]");
  background-position : 0 10px;
  background-repeat: no-repeat;
  margin-top : 65px;
  padding-left: 0px;
  text-indent:30px;
  font-size:26px;
  }




— Tu as parfois plusieurs titres pour tes pages :
<title>SOMMAIRE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>css</title>




— Tu devrais pourvoir regrouper toutes tes feuilles de styles en une seule.



— Évite les accents (les espaces) dans les noms de tes fichiers :
<a href="[http://www.orientationsaussay.com/LaPagePoint]ee.html">Texte du lien</a>



— Le Comic Sans MS est plutôt du sans-serif : “font-family : "Comic Sans MS", sans-serif;”



— Troisième peut se raccourcir en “3e”.

Il ne faut pas d'espace devant les signes de ponctuation simples “ .   , ”

Par contre, il en faut devant les doubles “ ;  : ”





À tester ?



                
                

body {
  font-size:22px;
  color:black;
  font-family:"Comic Sans MS", sans-serif;
  background-image: url(https://www.commentcamarche.net/s/http-www-orientationsaussay-com-fondciel-gif
  background-attachment : fixed;
  width: 990px;
  }

<h2> <a href="page1.html">Les différentes voies d'étude après la 3ème.</h2> </a>

<h2><a href="page1.html">Les différentes voies d'étude après la 3ème.</a></h2>

h2 {
  /*text-decoration: underline;*/
  color: purple;
  background-image: url("https://www.commentcamarche.net/s/http-www-orientationsaussay-com-puce-1-png");
  background-position : 0 10px;
  background-repeat: no-repeat;
  margin-top : 65px;
  padding-left: 0px;
  text-indent:30px;
  font-size:26px;
  }

<title>SOMMAIRE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>css</title>

<a href="https://www.commentcamarche.net/s/http-www-orientationsaussay-com-lapagepointee.html">Texte du lien</a>