Je crée une galerie d'images et lorsque j'ai essayé de valider le code, il a donné deux erreurs dans chaque image de la galerie. L'attribut atl n'est pas autorisé sur l'élément img à ce stade.Attribut atl non autorisé sur l'élément img à ce stade
Un élément img doit avoir un attribut alt, sauf dans certaines conditions . Pour plus de détails, consultez les conseils sur la fourniture de texte alternatives pour les images. Ce est le code que j'ai /:
@charset "UTF-8";
.thumbnailss {
\t border-style: none;
\t width: 250px;
\t height: 250px;
\t padding-left: 4px;
\t padding-right: 4px;
\t padding-top: 4px;
\t padding-bottom: 4px;
}
.italic { font-style: italic; }
.small { font-size: 0.8em; }
/** LIGHTBOX MARKUP **/
.lightbox {
\t /** Default lightbox to hidden */
\t display: none;
\t /** Position and style */
\t position: fixed;
\t z-index: 999;
\t width: 100%;
\t height: 100%;
\t text-align: center;
\t top: 0;
\t left: 0;
\t background: rgba(0,0,0,0.8);
\t margin-top: 50px;
}
.lightbox img {
\t /** Pad the lightbox image */
\t max-width: 90%;
\t max-height: 80%;
\t margin-top: 2%;
}
.lightbox:target {
\t /** Remove default browser outline */
\t outline: none;
\t /** Unhide lightbox **/
\t display: block;
}
<!-- thumbnail image wrapped in a link -->
<a href="#img1">
<img src=../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley" class="thumbnailss">
</a>
<!-- lightbox container hidden with CSS -->
<a href="#_" class="lightbox" id="img1">
<img src="../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley">
</a>