[Résolu] Apperçu d'une ombre exterieure d'un tableau au survol de la s

Bonjour à tous,

Je débute HTML5 et CSS3 depuis 3 mois, et tente de faire apparaître une ombre extérieure d'un tableau, au survol de la souris, en vain !, car je n'utilise certainement pas de la bonne méthode.

Voici mon code que je vous remerçi de bien vouloir corriger :

HTML
<!--Liste d'hôtels après request-->
<form method="select" action="traitement.php" id="lieux">
<div class="lieux">
<table>
<tr><td class="photo"><img src="images_html/hotelinfos.jpg"></td></tr>
<tr><td>--- </td></tr>
</table>
</div>
</form>

CSS
#lieux
{ margin-top: 3.5%;
margin-left: 8.5%;
margin-bottom: 7%;
}
.lieux table
{
position: absolute;
display: inline-block;
max-width: 250em;
border-collapse: collapse;
border-radius: 2px;
background-color: #FFF;
margin-left: 2%;
margin-bottom: 1%;
float: left;
}
.lieux table:hover
{
box-shadow: 0px 0px 10px 2px rgba(189, 187, 187, 0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(189, 187, 187, 0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(189, 187, 187, 0.75);
}

Salut
Ton code n'a aucune erreur, chez moi il fonctionne bien. Peut on tester ton site quelquepart ? car là pas d'erreur. la preuve : https://codepen.io/JUSEN/pen/qJoxQq

Bonjour Jencal, merci de ton intervention.
Mon site n'est pa encore dispo sur serveur, alors je ne peux, si tu le souhaites, t'envoyer les fichiers complets, ce qui te permettras de localiser les éventuels bugs bloquants !

Oui si tu veux, tu peux créer un .zip et m'envoyé sur mon adresse mail que je t'envoie en MP

Voici le lien vers les fichiers en question :
https://drive.google.com/file/d/1ygjkVywNS1Pl8Ljec8_ozsPgoXfBymgb/view?usp=sharing

Merci d'avance

Hey Jencal, as tu réussi à accéder aux fichiers?

désolé je mangé

l'effet du survol doit être sur l'image dans le tableau ? ou tout le tableau direct ?