Erreurs d'une page HTML

Bonjour,

J'ai pour mission (stage), de créer un site en HTML/CSS, seulement j'ai 2 problèmes récurrents, impossible de déplacer 2 logos sans déplacer tout mon footer, et je n'arrive pas à centrer le texte de mes box verticalement.

Voici un bout de mes codes HTML et CSS, si quelqu'un à une solution, je désespère là.

HTML
</li><!--fin de menu-déroulant-->

<div>
<ul class="menu"</ul><!--menu-latéral-->
<ul>
<li><a href="nous-connaitre.html">Nous connaître</a></li>
<li><a href="nous-trouver.html">Nous trouver</a></li>
<li><a href="contact.html">Nous contacter</a></li>
<li><a href="mentions-legales">Mentions légales</a></li>
<li><a href="CGV">CGV</a></li>
</ul>
</div>
<p>Devis gratuit sous 24h</p>

<div id="content">
<div class="content"><!-- corps de texte boxes pages d'explications produits-->
<h2><a href="salon-idees">Salon, les idées pour être bien vu</a></h2>
<h2><a hrer="magasin">Communiquer dans son magasin</a></h2>
</div
</div

<div id="logos">
<img src="logos/fab.png" alt="fabrication"/>
<img src="logos.png" alt="vert"/>
</div>
</ul>

<footer>
<!-- pied de page-->
<div id="pied-page">
<div class="pied-page">
contenu texte
</div
</div
</footer
</body>


Et le CSS
#content{
margin:auto; /*centre dans la page*/
max-width:1250px;
width:740px;
height:560px;
font-family:verdana;
width:100%;
background-color: #E6E6FA; /* font bleu clair*/
font-size: 20px;
padding : 10px 0 15px 0; /* marge du bas navigation */
margin:auto;

}

#content a {
width: 450px;
height: 150px; /* hauteur" */
line-height: 30px;
color:white; /* blanc */
background-image:linear-gradient(#00008B, white);/* dégradé dark-blue noir */
padding-left : 8px;
padding-right : 8px;
margin:auto;
border-radius : 20px;/* coins arrondis */
box-shadow: 8px 8px 12px #aaa;
text-decoration: none;
}


Merci beaucoup.

Bonjour jns55,

Je ne sais pas si ce que tu viens de poster est ton code final mais je suis surpris qu'il arrive à t’afficher un truc ! Pour rester correct : c'est le bordel. Il faut de l'indentation pour un peu plus de lisibilité, et surtout ouvrir et fermer tes balise comme il faut !!! Il y a des balise ouverte pour rien, des balise pas fermée, etc... refais une grosse passe sur ton code !!!

<div id="content"> 
<div class="content"><!-- corps de texte boxes pages d'explications produits--> 
<h2><a href="salon-idees">Salon, les idées pour être bien vu</a></h2> 
<h2><a hrer="magasin">Communiquer dans son magasin</a></h2> 
</div 
</div 

Une balise ca s'écrit généralement comme ça <x></x> là il te manque des chevrons un peu partout.

De plus tu pose des classe' et des id sans t'en servir dans le CSS. Un conseil, reprend d'abord ton html afin qu'il soit bien propre, ça te simplifiera la vie pour la suite.

Et quand tu poste du code ici utilise aussi les bloc de contenu de code histoire que ça soit un peu plus simple a lire..

Merci,

J'y vois un peu plus clair, je vais commencer par fermer tous les chevrons, et revoir un peu les div et les class.