Respecter norme w3c avec un lightbox,

Résolu
per333 -  
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Pour un site internet, je veut faire un lightbox me permettant de clic sur une image pour l'agrandir. j'en ai trouver un mais quand je suis le tutoriel cela marche mais ce n'ets pas au norme W3C, cela me met Sp 127 : Attribut obligatoire ... non spécifié.

Voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Photo de Massage Bien-être 29 - DELPHINITE</title> 
    <meta name="Description" content="Visualisation de photographies de plusieurs massages réalisées par massage bien-être 29 à landerneau, DELPHINITE" />

<!-- Lien scipt javascript -->
<script type="text/javascript" src="js/lightbox.js"></script>
<!-- Lien style CSS -->
<link href="" type="text/css" rel="stylesheet" /> 

<!-- Lien style CSS -->
<link href="css/style.css" type="text/css" rel="stylesheet" />  
</head>

<!-- Menu -->
<?php include 'Modules/menu.php' ?>

<div id="supportingText">
		<div id="explanation">
			
            <h3> Nos Photographies de massages</h3> 
            
		<p>&nbsp;</p>
			
	    <p><a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
        <img src="images/massage.png" width="111" height="111" /> </a> 
	      <a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
           <img src="images/massage.png" width="111" height="111" /> </a> 
	      <a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
           <img src="images/massage.png" width="111" height="111" /></a></p>
	    <p> 
	      <a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
          <img src="images/massage.png" width="111" height="111" /> </a> 
	      <a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
           <img src="images/massage.png" width="111" height="111" />  </a> 
	      <a href="images/massage1.gif" rel="lightbox" title="La pastèque c'est bon!"> 
          <img src="images/massage.png" width="111" height="111" /> </a></p>
        </div>

		<p>&nbsp;</p>
</div>

   <!-- Pied de page -->
<?php include 'Modules/piedPage.php' ?>
     
</div>
</body>
</html>


Donc si vous trouver ce qu'il faut changer ou l'erreur que j'ai faites.
Sinon de me proposer une autre manière pour faire ce que je désire avec des photo pour les agrandir.
Je vous remercie d'avance, sa m'aiderai beaucoup

1 réponse

Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   31
 
Bonjour,

Il te manque la balise <body> et des attributs alt à tes balises img. Tu as aussi une fermeture de div en trop.

Voila
1