26784 sujets

CSS et mise en forme, CSS3

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);
}
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 Smiley smile
Enfaîte, si tu cherche à utilisé ton fichier MBISearch.css c'est raté Smiley smile

dans ton code tu essayes d’appeler le fichier search.css en lieu et place de MBI..
Meilleure solution
En effet Jencal, j'ai travaillé simultanément sur la version Search (copie) et MBIsearch (version finale) et ceci explique cela. D'ailleurs ça marche bien! Merci de ton intervention pertinente. Smiley biggrin