Bonjour je debute avec le html5 et css3 et je suis un peu dans l'embarras !!!
en effet quand j'affiche ma page avec firefox ie ou autre tout va très bien mais dès que je veux valider avec les logiciels de validation de code il me trouve pleins d'erreurs ! et je ne vois pas trop comment les corriger puisque ce sont quasiment à chaques fois des fermeture <> </ ect et dès que je change ces fermetures de balise le site ne répond plus pareil et meme tout disfonctionne !
Je me suis dit puisque tout s'affiche correctement je lance le site sur mon serveur avec mon domaine ect mais une fois le site http://nomdusite ect lancer j'ai une page d'erreur .
bref suis perdu et si qualqu'un pourrait regarder le rapport d'erreus plus bas et me dire comment corriger les erreurs je lui en serai très reconnaissant ;)
[html]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="stylefinal.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>A mesure de la deco</title>
</head>
<!--[if IE 6 ]><body class="ie6 old_ie"><![endif]-->
<!--[if IE 7 ]><body class="ie7 old_ie"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<!--[if !IE]><!--><body><!--<![endif]-->
<div id="bloc_page">
<header>
<div id="titre_principal">
<img src="images/rubanamesure.gif" alt="Logo ruban" id="logo" />
<h1>Meubles et lampes design, site non commercial</h1>
</div>
<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="https://www.facebook.com/AMESUREDELADECO?ref=aymt_homepage_panel">lien Facebook</a></li>
<li><a href="http://fr.mappy.com/#/3/M2/TSearch/S16+rue+albert+denvers+59270+bailleul/N151.12061,6.11309,2.67913,50.71287/Z10/">Coordonées</a></li>
<li><a href="mailto:
[email protected]">Contact</a></li>
</ul>
</nav>
<audio controls loop autoplay >
<source src="musique/finalmasquerade.ogg"></source>
<source src="musique/finalmasquerade.mp3"></source>
<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=musique/finalmasquerade.mp3&autostart=1&autoreplay=1&volume=80" /> </object>
</audio>
</header>
<div id="banniere_image">
<div id="banniere_description">
Exemples de meubles métal et bois sur mesure ...
<a href="#" class="bouton_rouge">Voir l'article <img src="images/flecheblanchedroite.png" alt="" /></a>
</div>
</div>
<section>
<article>
<h2><img src="images/ico_epingle.png" alt="Catégorie mesure" class="ico_categorie" />Fabrication sur mesure :</h2>
<p>A mesure de la déco porte bien son nom.En effet chaque meuble à était créé de A à Z selon des demandes spécifiques de mesures et de styles. J'essais donc de toujours conserver ce style à la mode qui donne un effet design et en même temps très sobre afin de donner une allure "industriel".Le plus souvent monté avec une structure et métal soudée et renforcée, le meuble est solide et massif et ne bougera pas dans le temps. Chaque plateau et dessus de meuble ainsi que les tiroirs et façades sont conféctionnés en pin sec avec une hydrométrie controlée(autres bois à la demande).</p>
<p>Chaque meuble est différent, les teintes utilisées à la demande sont écologiques et naturels. Les teintes sont faites maison avec des vernis cirés et les peintures donnes un choix infini et un rendu à votre gout. </p>
<p>A mesure de la déco propose aussi des lampes design industrielles faites à partir d'anciens phares de voiture ou moto ancienne et de pieds d'appareils photos ou cinema. Chaque lampes et retravaillées soudées ou fixées au pied et le mécanisme d'éclairage et refait au norme moderne en 220volts ou en 12 volts avec transformateur. Les ampoules sont donc modernes à led ou halogène, elles se retrouvent facilement dans le commerce.</p>
</article>
<aside>
<h2>Julien et à mesure de la déco</h2>
<p id="julien"><img src="images/julien.jpg" alt="Photo de julien" /></p>
<p>Je suis julien,36ans, fondateur de à mesure de la deco, entreprise non commerciale.J'ai créée ce site pour me faire connaitre et faire connaitre mon travail et mon savoir faire. Chaque meuble fabriqué et chaque lampe transformée sont faits avec passion. Vous pourrez voir mes créations à l'occasion de grandes réunions de brocante, comme la célèbre braderie de Lille en Septembre, les réderies d'Amiens qui ont lieu en avril et octobre, celle de Grandvilliers vers le 10 juillet ou encore Dunkerque, Montreuil, Charlerois et bien d'autres. Vous pourrez aussi voir mes articles et aussi ceux d'une trentaine de marchands professionnels au village des antiquaires 22 av Mar De Lattre de Tassigny, 59350 SAINT ANDRÉ LEZ LILLE.</p>
<p>Je reste aussi toujours passionné par la brocante et les choses anciennes ainsi que par les objets de déco et de collection, mais aussi par la déco tandence du moment d'un esprit particulier qui est celui de la déco industrielle que je prise tout particulièrement dans le style de mes meubles et dans les finitions chromées, cirées, patines graphite ou simplement peint avec une jolie patine à l'ancienne traditionnelle.</p>
<p><a href="https://www.facebook.com/AMESUREDELADECO?ref=aymt_homepage_panel"><img src="images/facebook.png" alt="logo facebook clicable">Cliquez ici</a>
</aside>
<h3><img src="images/ico_epingle.png" alt="Catégorie mesure" class="ico_categorie">Quelques créations :</h3><br />
<div class="contener_slideshow">
<div class="contener_slide">
<div class="slid_1"><img src="images2/tn_lampegrue.jpg" alt="lampe grue"></div>
<div class="slid_2"><img src="images2/tn_meubletiroirsgris.jpg" alt="meuble patine grise"></div>
<div class="slid_3"><img src="images2/tn_lampetrepiedbois.jpg" alt="lampe sur trepieds bois"></div>
<div class="slid_4"><img src="images2/tn_meublecaisse8.jpg" alt="meuble 12 tiroirs caisses de vin"></div>
<div class="slid_5"><img src="images2/tn_lampespotgm.jpg" alt="lampe spot d'usine"></div>
<div class="slid_6"><img src="images2/tn_lampephare.jpg" alt="lampe phare de voiture sur trepied photo"></div>
<div class="slid_7"><img src="images2/tn_lampechrome10.jpg" alt="lampe phare voiture chromé sur trepied"></div>
</div>
</div>
<br />
</section>
<footer>
<div id="relation">
<h1>N'hésitez pas à me contacter</h1>
<p>Pour plus d'infos je suis à votre service</p>
<p>par email ou facebook</p>
</div>
<div id="mes_photos">
<h1>Nouvelles créations</h1>
<p>Cliquez sur les photos pour les agrandirs</p>
<a href="images/1lampe000.jpg"><img src="images/tn_1lampe000.jpg" alt="lampe compteur moto" width="80" height="80"/></a><a href="images/lampecompt3.jpg"><img src="images/tn_lampecompt3.jpg" alt="lampe compteur moto" width="80" height="80"/></a><a href="images/lampecompt2.jpg"><img src="images/tn_lampecompt2.jpg" alt="lampe compteur moto en gros plan" width="80" height="80"/></a>
</div>
<div id="mes_partenaires">
<h1>Mes partenaires </h1>
<ul>
<li><a href="https://www.facebook.com/AMESUREDELADECO?ref=aymt_homepage_panel">lien Facebook vers à mesure de la déco</a></li>
<li><a href="http://www.location-moto-car-phuket.com/?lang=en">Station motorbike location scooter Phuket</a></li>
<li><a href="http://le-village-saint-andre-antiquites.over-blog.com/">Le Village des antiquaires</a></li>
<li><a href="https://www.facebook.com/mesptitesbabioles?pnref=lhc">Mes petites babioles, création d'objets déco</a></li>
</ul>
</div>
</footer>
</div>
</body>
<body>
<div align="center">
<table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
<td height="50" bgcolor="#333333">
<h4>Forum A mesure de la déco</h4>
</td>
<tr />
<td height="1000" width="1100" bgcolor="lightgrey">
<iframe src="http://amesure.les-forums.com/forum/1/a-mesure-de-la-deco/" height="100%" width="100%"></iframe>
</td>
</div align="center">
</body>
</html>
[/html]
et le rapport d'erreurs :
[code]
↑ Top
Validation Output: 25 Errors
Error Line 35, Column 61: Stray end tag source.
<source src="musique/finalmasquerade.ogg"></source>
✉
Error Line 36, Column 61: Stray end tag source.
<source src="musique/finalmasquerade.mp3"></source>
✉
Warning Line 47, Column 21: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
<section>
✉
Error Line 122, Column 9: Stray start tag body.
<body>
✉
Error Line 122, Column 9: An body start tag seen but an element of the same type was already open.
<body>
✉
Error Line 123, Column 28: The align attribute on the div element is obsolete. Use CSS instead.
<div align="center">
✉
Error Line 124, Column 88: Attribute vidth not allowed on element table at this point.
… <table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
Attributes for element table:
Global attributes
border
sortable
Error Line 124, Column 88: The cellpadding attribute on the table element is obsolete. Use CSS instead.
… <table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
✉
Error Line 124, Column 88: The cellspacing attribute on the table element is obsolete. Use CSS instead.
… <table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
✉
Warning Line 124, Column 88: The border attribute on the table element is presentational markup. Consider using CSS instead. For example: table, td, th { border: 1px solid gray }
… <table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
✉
Error Line 125, Column 50: td start tag in table body.
<td height="50" bgcolor="#333333">
✉
Error Line 125, Column 50: The height attribute on the td element is obsolete. Use CSS instead.
<td height="50" bgcolor="#333333">
✉
Error Line 125, Column 50: The bgcolor attribute on the td element is obsolete. Use CSS instead.
<td height="50" bgcolor="#333333">
✉
Error Line 128, Column 26: Self-closing syntax (/>) used on a non-void HTML element. Ignoring the slash and treating as a start tag.
<tr />
✉
Error Line 129, Column 67: The height attribute on the td element is obsolete. Use CSS instead.
<td height="1000" width="1100" bgcolor="lightgrey">
✉
Error Line 129, Column 67: The width attribute on the td element is obsolete. Use CSS instead.
<td height="1000" width="1100" bgcolor="lightgrey">
✉
Error Line 129, Column 67: The bgcolor attribute on the td element is obsolete. Use CSS instead.
<td height="1000" width="1100" bgcolor="lightgrey">
✉
Error Line 130, Column 124: Bad value 100% for attribute height on element iframe: Expected a digit but saw % instead.
…s-forums.com/forum/1/a-mesure-de-la-deco/" height="100%" width="100%"></iframe>
Syntax of non-negative integer:
One or more digits (0–9). For example: 42 and 0 are valid, but -273 is not.
Error Line 130, Column 124: Bad value 100% for attribute width on element iframe: Expected a digit but saw % instead.
…s-forums.com/forum/1/a-mesure-de-la-deco/" height="100%" width="100%"></iframe>
Syntax of non-negative integer:
One or more digits (0–9). For example: 42 and 0 are valid, but -273 is not.
Error Line 133, Column 29: End tag had attributes.
</div align="center">
✉
Error Line 133, Column 29: Stray end tag div.
</div align="center">
✉
Error Line 133, Column 29: Stray end tag div.
</div align="center">
✉
Error Line 134, Column 11: Stray end tag body.
</body>
✉
Error Line 135, Column 7: Stray end tag html.
</html>
✉
Error Line 135, Column 7: End of file seen and there were open elements.
</html>
✉
Error Line 124, Column 88: Unclosed element table.
… <table valign="top" vidth="1000" border="1" cellpadding="0" cellspacing="0">
✉
Error Line 123, Column 28: Unclosed element div.
<div align="center">[/code]
